对象的属性和方法

对象的属性和方法

js中,所有的数据类型都是继承自Object(对象),所以都有toString()方法

1.Object.assign()和...arg的区别

• Object.assign() 将一个或者多个对象中可枚举属性复制到第一个参数对象数中，
• 如果后面的对象属性与前面的对象属性相同时，则会覆盖前面的对象属性
• 原对象中增加复制的属性，引用地址不改变

var o1={a:1,b:2,c:3};
var o2={d:4,e:5,f:6};
var o3={a:7,e:8,c:9};
var o0=o={h:10};
Object.assign(o,o1,o2,o3);    //可以很多个参数
console.log(o===o0);      //true

• ...arg 将一个或者多个对象中可枚举属性复制到第一个参数对象数中，
• 如果后面的对象属性与前面的对象属性相同时，则会覆盖前面的对象属性
• 原对象中属性被复制的属性覆盖，引用地址发生改变

var o5=o4={h:10};
o4={...o1,...o2,...o3}; // 将o1,o2,o3的所有属性解构产生新对象赋值给了o4
console.log(o4===o5);   //false   引用地址发生了改变
console.log(o5,o4)

2.Object.defineProperty() 增加对象的一个属性

• 参数: 3个 操作对象，属性名，该属性的描述对象

var obj = {};
Object.defineProperty(obj, "a", {
configurable: true,//true 可以删除   false 不能删除       默认是false
enumerable: true,// true可以枚举(可以遍历到 for  in)   false 不可枚举      默认是false
writable: true,//true可以写(能修改)  false只读(不能修改)                   默认是false
value: 10,//该属性的值                                                      
});

Object.defineProperty(obj, "b", {
    configurable: true,
    enumerable: true,
    set: function (_v) {},   //这两个属性和writeable value冲突,不能写到一起
    get: function () {},
  });

Object.defineProperties() 增加对象的多个属性

• 参数: 2个 操作对象 该属性的描述对象(对象中有若干属性)

Object.defineProperties(obj,{
    a:{
        enumerable:false,
        writable:true,
        configurable:true,
        value:20
    },
    b:{
        writable:true,
        configurable:true,
        value:function(){

        }
    },
    c:{
        configurable:true,
        value:100
    }
})

console.log(obj); 

3.Object.freeze(obj) 冻结数组,函数和对象的属性,但是不会冻结其引用地址

obj.a=10;
obj.b=20;
Object.freeze(obj);
delete obj.a;
obj.a=100;
obj.c=10;
console.log(obj)   //冻结后   不能进行属性的删除,修改,增加
obj={a:100,b:0}   //引用地址发生改变后,冻结不生效
console.log(obj);

4.Object.getOwnPropertyNames(obj) 获取对象的所有对象属性名,返回值数组

5.Object.getOwnPropertyDescriptor(obj,属性名) 获取对象属性的描述对象

 var obj={a:1,b:2,c:3};
 console.log(Object.getOwnPropertyNames(obj));    //["a", "b", "c"]    返回对象

 console.log( Object.getOwnPropertyDescriptor(obj,"a"));   //返回该属性的描述对象   两个参数   一个是操作对象,一个是属性名

上面的这两种方法可以遍历不可枚举属性

6.Object.is(a,b) 判断a,b是否相等,相当于===

• 二者不同之处: Object.is(NaN,NaN) 结果是true ===是false

7.Object.isExtensible(obj) 判断是否是可扩展(不可以增加新属性)

8.Object.isFrozen(obj) 判断是否被冻结

class Ball extends Box{
    constructor(){
        super();
    }
    run(){

    }
}

9.obj.hasOwnProperty("e") 判断是否有这个属性 动态方法 相当于 in

• 判断是否有某个属性 原型上的属性不算
• in 原型上的属性也算

10.Box.isPrototypeOf(Ball) Ball的父类是否有Box类

console.dir(document.documentElement);
var div=document.createElement("div");
console.log(HTMLElement.isPrototypeOf(div.constructor));     //判断是否是标签

11.obj.propertyIsEnumerable("b") 属性是否可以枚举

12. b instanceof Box b是否是Box的子类(继承属性) 经常用来判断类型

console.log(b instanceof Ball);
console.log(b.constructor===Box);   
console.log(typeof b==="object")