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

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

相关推荐
hengmeida1 分钟前
楼宇控制柜标准化项目交付完整规范
大数据·网络·笔记
kisshyshy2 分钟前
从Props透传到自定义Hook:系统梳理React跨层级通信与逻辑复用
前端·架构·代码规范
yume_sibai5 分钟前
05-Flutter实战项目
前端·flutter
蒸蒸yyyyzwd17 分钟前
cpp 选手秋招学习笔记 day40
笔记·八股
有范先生18 分钟前
速食米饭:如何避开闷味、干硬的速食主食
笔记
涛涛ing22 分钟前
React 19.3 发布,但真正的赢家是 StyleX:当 AI 成为框架的“第一用户”
前端
长葡萄的叶子30 分钟前
AI Agent 中的 Skill:从 Tool 调用到任务能力封装
笔记·skill
LuminousCPP1 小时前
Linux系统编程(二):从目录树到命令执行|路径、环境变量、alias 与文件操作入门
linux·经验分享·笔记
摇滚侠1 小时前
《Spring Boot 3:高级与架构设计》第 1 章 Bean 与 BeanDefinition 个人理解 2
java·spring boot·笔记·后端
zhangminghuan1 小时前
Vue vs React 实战拓展面试题|摒弃基础八股,聚焦业务开发核心难点(2026前端进阶)
前端