在js中比较两个值时，你可能会用相等运算符==或者严格相等运算符 ===。为了避免在比较时发生强制类型转换，许多开发者更倾向于使用后者。

Object.is()接受两个参数，并且会在二者的值相等时返回true，此时要求二者的数据类型相同并且值也相等。

  1. console.log(Object.is(+0, -0)); //false
  2. console.log(+0 == -0); //true
  3. console.log(+0 === -0); //true
  5. console.log(NaN == NaN);//false
  6. console.log(NaN === NaN);//false
  7. console.log(Object.is(NaN, NaN));//true

在许多情况下，Object.js()的结果与===运算符是相同的，仅有的例外是：它会认为+0与-0不相等，而且NaN等于NaN。

Object.assign()可以设置一个对象从另一个对象接受属性和方法。Object.assign()接受任意数量的供应者，而接受者会按照供应者在参数的顺序来依次接收他们的属性。这意味着在接收者中，第二个供应者的属性可能会覆盖第一个供应者的

  1. var recevier = {};
  2. Object.assign(recevier, {
  3.     type: "js",
  4.     name: "file.js"
  5. }, {
  6.     type: "css"
  7. })
  9. console.log(recevier);//{type:"css",name:"file.js"}

在es5的严格模式下，如果对象存在重复的属性名，就会抛出错误。在es6中无论严格模式还是非严格模式都不会抛出错误。当存在重复属性时，排在后面的属性的值会成为该属性的实际值。

一般来说，对象的原型会在通过构造器或Object.create()方法创建该对象时被指定。es5可以通过Object.getPrototypeOf()方法从任意对象中获取其原型。

es6添加了Object.setPrototypeOf()方法来修改任意制定对象的原型。它接受两个参数：需要被修改原型的对象，以及将会成为前者原型的对象。

  1. var person = {
  2.     getGreeting() {
  3.         return "hello";
  4.     }
  5. };
  6. var dog = {
  7.     getGreeting() {
  8.         return "woof";
  9.     }
  10. };
  11. let friend = Object.create(person);
  12. Object.setPrototypeOf(friend, dog);
  13. console.log(friend.getGreeting());//woof

super是指向当前对象的原型的一个指针。

  1. let friend = {
  2.     getGreeting() {
  3.         return super.getGreeting() + ",hi";
  4.     }
  5. }
  6. Object.setPrototypeOf(friend, person);
  7. console.log(friend.getGreeting());//hello,hi

可以使用super引用来调用对象原型上的任何方法，只要这个引用是位于简写的方法之内。试图在简写方法之外的情况使用super会导致语法错误。

使用多级继承时，super引用就是非常强大的，因为这种情况下Object.getPrototypeOf()不在适用于所有场景。

自由属性枚举时基本顺序如下：

  1. 所有的数字类型键，按升序排列
  2. 所有的字符串类型键，按被添加到对象的顺序排列

  3. 所有的符号类型键，按添加顺序排列

    1. var obj = {
    2. a: 1,
    3. 0: 1,
    4. c: 1,
    5. 2: 1,
    6. b: 1,
    7. 1: 1
    8. }
    9. obj.d = 1;
    10. console.log(Object.getOwnPropertyNames(obj).join(""));//012acbd

在es6中，当对象的一个属性名称与本地变量名相同时，可以简单书写名称而省略冒号和值

  1. function createPerson(name.age){
  2.     return {
  3.         name,
  4.         age
  5.     };
  6. }

在es5及更早版本中，你必须制定一个名称并用完整的函数定义来为对象添加方法。通过省略冒号和function关键字，es6将这个语法变得更简洁。

  1. var person = {
  2.     name:"cc",
  3.     sayName(){
  4.         console.log(this.name);
  5.     }
  6. }

在es6中，需计算属性名是对象字面量语法的一部分，它用的也是方括号表示法，与此前在对象实例上的用法一致。

  1. var lastName = "last name";
  2. var person = {
  3.     "first name": "nicolas",
  4.     [lastName]: "zakas"
  5. }
  6. console.log(person[lastName]);

对象字面量内的方括号表明该属性需要计算，其结果是一个字符串。意味着可以包含表达式：

  1. var suffix = "name";
  2. var person = {
  3.     ["first "+suffix]:"nicolas",
  4.     ["last "+suffix]:"zakas"
  5. }

版权声明：本文为xzsty原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/xzsty/p/8486725.html