Object.create()创建对象方法
-
Object.create(proto, [propertiesObject])方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。 -
proto新创建对象的原型对象。 -
propertiesObject可选。是要添加到新创建对象的可枚举属性（即其自身定义的属性，而不是其原型链上的枚举属性）对象的属性描述符以及相应的属性名称。这些属性对应Object.defineProperties()的第二个参数，如果没有指定为undefined
let proto={
a:0,
b:1
};
let o=Object.create(proto,{x:{
enumerable: false,//对象的枚举属性 默认为false
configurable: false,//该属性是否能删除或者修改 默认为 false。
writable: false,//该属性是否能被赋值运算符改变 默认为 false。
value: "static"//该属性的值 默认为 undefined
}});
console.log(o);
console.log(o)
如果创建一个控对象。对象是没有原型属性的
console.log(Object.create(null));
console.log(Object.create(null))
设置Object.setPrototypeOf()和获取Object.getPrototypeOf()对象的原型属性
//创建一个原型对象
let proto={
x:20,
y:30
};
//在原型对象上再添加一个不可枚举的属性s
Object.defineProperty(proto,"s",{
value:90,
enumerable:false
});
//创建对象
let o={x:50};
//设置对象的proto属性
Object.setPrototypeOf(o,proto);
console.log(o);
console.log(o)
获取对象的proto属性 无论是否可枚举都可以获取到
console.log(Object.getPrototypeOf(o))//{x: 20, y: 30, s: 90}
console.log(Object.getPrototypeOf(o))
下面再看一下字符串和boolean类型的原型对象
Object.getPrototypeOf('foo') === String.prototype // true
Object.getPrototypeOf(true) === Boolean.prototype // true
Object.defineProperty(obj, prop, descriptor) 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。
- obj 要在其上定义属性的对象。
- prop 要定义或修改的属性的名称。
- descriptor 将被定义或修改的属性描述符。
- 不能同时设置访问器 (get 和 set) 和 wriable 或 value，否则会报错误
let o={};
Object.defineProperty(o,"a",{
enumerable: true,//对象的枚举属性 默认为false for in 的时候能否被循环到
configurable: true,//该属性是否能删除或者修改 默认为 false。
//writable: true,//该属性是否能被赋值运算符改变 默认为 false。
//value: "a",//该属性的值 默认为 undefined
set(val){
this.b=`wo shi ${val}`;
},
get(){
return "wo shi a";
}
});
o.a=1;
console.log(o);
console.log(o)
这个是对对象添加一个自身属性，下面这个方法是对对象添加多个属性
Object.defineProperties() 方法直接在一个对象上定义多个新的属性或修改现有属性，并返回该对象。
let obj = {get foo(){return 17}};
Object.defineProperties(obj, {
'property1': {
value: true,
writable: true
},
'property2': {
value: 'Hello',
writable: false
}
});
console.log(obj);
console.log(obj)
有设置自身属性的，当然也有获取自身属性的，也是有两种方法，一种是获取一个自身属性的，另一个是获取所有的，我们先看第一个方法
Object.getOwnPropertyDescriptor()
-
Object.getOwnPropertyDescriptor()方法返回指定对象上一个自有属性对应的属性描述符。（自有属性指的是直接赋予该对象的属性，不需要从原型链上进行查找的属性）
我们来获取上面那个obj对象的属性foo
let d=Object.getOwnPropertyDescriptor(obj,"foo");
console.log(d);
我们可以看到获取到的这个属性很详细的描述符，包括get、set函数、是否可枚举、是否可修改删除等
console.log(d)
- 下面我们用第二种方法
Object.getOwnPropertyDescriptors(o)
Object.getOwnPropertyDescriptors(obj)方法用来获取一个对象的所有自身属性的描述符。
我们还是获取上面那个对象obj的所有属性
let tempObj=Object.getOwnPropertyDescriptors(obj)
console.log(tempObj);
通过下面这张图片，我们可以看到这个obj对象的所有属性的描述符都会获取到
console.log(tempObj)
hasOwnProperty()
hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性，也就是是自身属性还是继承原型上的属性
let obj={
name:"andy",
age:18
}
obj.__proto__.job="hehe";
for(let name in obj){// for in 可以循环出所有的枚举属性
if(obj.hasOwnProperty(name)){
console.log("自身属性"+name);//自身属性name 自身属性age
}else{
console.log("原型上继承的属性"+name)//原型上继承的属性job
}
}
如果指定的属性是自身的，就会返回true，否则会返回false,如果我们循环一个对象的时候，有继承的属性，但是我们只想用对象自身的属性，就可以用hasOwnProperty这个方法来判断
Object.getOwnPropertyNames(obj)
Object.getOwnPropertyNames(obj)返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组
let obj={
name:"andy",
age:18
};
obj.__proto__.job="hehe";
Object.defineProperty(obj,"sex",{
enumerable:false
});
let arr=Object.getOwnPropertyNames(obj);
console.log(Object.getOwnPropertyNames(obj));//["name", "age", "sex"]
打印出来的没有job这个属性，所以这个方法只会获取自身的属性不管是否可枚举
propertyIsEnumerable(proto)
propertyIsEnumerable(proto) 判断属性是否可枚举,返回一个布尔值
还继续运用上面的代码接着写
arr.forEach(item=>{
console.log(obj.propertyIsEnumerable(item));//true true false
});
每个对象都有一个propertyIsEnumerable方法。此方法可以确定对象中指定的属性是否可以被for...in循环枚举，但是通过原型链继承的属性除外。如果对象没有指定的属性，则此方法返回false。如果判断的属性是继承的，不管它是否可枚举都会返回false。
console.log(obj.propertyIsEnumerable("hehe"));//false
