es6对象变化

最新推荐文章于 2021-05-15 21:02:33 发布

越努力越

最新推荐文章于 2021-05-15 21:02:33 发布

阅读量253

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_45353679/article/details/105067454

版权

JavaScript 专栏收录该内容

32 篇文章

订阅专栏

本文介绍JavaScript中对象属性的简写语法，包括如何使用let声明变量并将其作为对象属性，以及对象方法的定义。同时，探讨了Object.is()、Object.assign()和Object.setPrototypeOf()等API的使用，用于比较值、复制对象和设置原型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对象属性简写

let name = 'zizi';
let age = 24;
// let work = function() {
//     console.log('working hard');
// }
let person = {
    name,   //name: name,
    age,    //age: age
    //work
    work() {
        console.log('working hard');
    }
}
console.log(person.name, person.age);
person.work();

Object.is() 比较两个值是否相等

console.log(Object.is(1,1));  //true
console.log(NaN === NaN);     //false
console.log(Object.is(NaN,NaN));  //true

Object.assign() 将多个对象复制给另外一个

let nameObj = {name: 'zizi'};
let ageObj = {age: 24};
let newObj = {};
Object.assign(newObj,nameObj,ageObj); //{ name: 'zizi', age: 24 }
console.log(newObj);

Object.setPrototypeOf() 设置对象上的原型

let nameObj1 = {name: 'zizi'};
let nameObj2 = {name: 'ran'};
let obj3 = {};
Object.setPrototypeOf(obj3,nameObj1);  
console.log(obj3.name, obj3.constructor);  //zizi
console.log(Object.getPrototypeOf(obj3));  //{ name: 'zizi' }

proto 设置原型

let nameObj2 = {name: 'ran'};
obj3 = {
    __proto__: nameObj2
}
console.log(Object.getPrototypeOf(obj3)); //{ name: 'ran' }

super() 代表父类

let obj = {name: 'zizi'};
let obj2 = {
    __proto__: obj,
    name: 'it',
    getName() {
        return super.name
    }
}
console.log(obj2.getName());