【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);

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

相关推荐
Blossom.1188 分钟前
把 AI 推理塞进「 8 位 MCU 」——0.5 KB RAM 跑通关键词唤醒的魔幻之旅
人工智能·笔记·单片机·嵌入式硬件·深度学习·机器学习·搜索引擎
AliciaIr12 分钟前
深入理解HTTP:从协议基础到版本演进(上)
前端·http
pepedd86415 分钟前
数组字符串方法有哪些-带你重温js基础
前端·javascript·trae
pepedd86416 分钟前
深入理解js作用域-你真的懂js吗
前端·javascript·trae
阿迪州18 分钟前
[函数式编程] 为什么要柯里化?
前端
Cache技术分享26 分钟前
162. Java Lambda 表达式 - Consumer 的链式组合
前端·后端
是晓晓吖30 分钟前
为什么在Tab中取不到content.js给window设置的变量/函数?
前端·chrome
日月晨曦32 分钟前
JS闭包:变量的"守护者"与"储物间"
前端·javascript
袁煦丞34 分钟前
轻量级网络大佬Nginx打开公网自由之路:cpolar内网穿透实验室第625个成功挑战
前端·程序员·远程工作
日月晨曦34 分钟前
TypeScript:让JavaScript穿上西装革履
前端·typescript