【ES6复习笔记】对象方法扩展(17)

对象方法扩展

在 JavaScript 中,对象是属性和方法的集合。除了内置的方法,我们还可以通过扩展对象的原型来添加新的方法。本教程将介绍如何使用 Object.isObject.assignObject.setPrototypeOf 方法来扩展对象。

1. Object.is 判断两个值是否完全相等

Object.is 方法用于比较两个值是否相等,类似于 === 操作符,但它对一些特殊情况的处理有所不同。

javascript 复制代码
console.log(Object.is(120, 120)); // true
console.log(Object.is(NaN, NaN)); // true
console.log(NaN === NaN); // false

2. Object.assign 对象的合并

Object.assign 方法用于将一个或多个源对象的所有可枚举属性复制到目标对象,并返回目标对象。

javascript 复制代码
const config1 = {
    host: 'localhost',
    port: 3306,
    name: 'root',
    pass: 'root',
    test: 'test'
};

const config2 = {
    host: 'http://atguigu.com',
    port: 33060,
    name: 'atguigu.com',
    pass: 'iloveyou',
    test2: 'test2'
};

console.log(Object.assign(config1, config2));

3. Object.setPrototypeOf 设置原型对象 Object.getPrototypeOf

Object.setPrototypeOf 方法用于设置一个对象的原型对象,而 Object.getPrototypeOf 方法用于获取一个对象的原型对象。

javascript 复制代码
const school = {
    name: '尚硅谷'
};

const cities = {
    xiaoqu: ['北京', '上海', '深圳']
};

Object.setPrototypeOf(school, cities);
console.log(Object.getPrototypeOf(school));
console.log(school);

通过这些方法,我们可以更灵活地操作和扩展对象。

相关推荐
乾元几秒前
绕过艺术:使用 GANs 对抗 Web 防火墙(WAF)
前端·网络·人工智能·深度学习·安全·架构
HWL56792 分钟前
一个CSS属性will-change: transform
前端·css
Y淑滢潇潇2 分钟前
WEB 作业 即时内容发布前端交互案例
前端·javascript·交互
比特森林探险记5 分钟前
后端开发者快速入门react
开发语言·前端·javascript
淬炼之火7 分钟前
基于Docker Desktop 和 Ubuntu 在 Windows上部署轻量化大模型(Qwen-LLM)
笔记·ubuntu·docker·语言模型·容器
李松桃11 分钟前
python第三次作业
java·前端·python
AI视觉网奇19 分钟前
Delaying 20 processes from spawning due to memory pressure
笔记·学习·ue5
熊猫钓鱼>_>28 分钟前
从零到一:打造“抗造” Electron 录屏神器的故事
前端·javascript·ffmpeg·electron·node·录屏·record
myloveasuka31 分钟前
分离指令缓存(I-Cache)和数据缓存(D-Cache)的原因
笔记·缓存·计算机组成原理·硬件
晚霞的不甘1 小时前
Flutter for OpenHarmony《智慧字典》 App 主页深度优化解析:从视觉动效到交互体验的全面升级
前端·flutter·microsoft·前端框架·交互