Object上的方法

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);
3423165-263b7b295bba64f2.png
console.log(o)

如果创建一个控对象。对象是没有原型属性的

console.log(Object.create(null));
3423165-b08402f4605e9a61.png
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);
3423165-fb35f20525f0ebb4.png
console.log(o)

获取对象的proto属性 无论是否可枚举都可以获取到

console.log(Object.getPrototypeOf(o))//{x: 20, y: 30, s: 90}
3423165-538c4781e448d750.png
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);
3423165-62c0d7f1d7706a58.png
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);
3423165-bb39fc6ab8d46c08.png
console.log(obj)

有设置自身属性的,当然也有获取自身属性的,也是有两种方法,一种是获取一个自身属性的,另一个是获取所有的,我们先看第一个方法

Object.getOwnPropertyDescriptor()

  1. Object.getOwnPropertyDescriptor() 方法返回指定对象上一个自有属性对应的属性描述符。(自有属性指的是直接赋予该对象的属性,不需要从原型链上进行查找的属性)
    我们来获取上面那个obj对象的属性foo
let d=Object.getOwnPropertyDescriptor(obj,"foo");
console.log(d);

我们可以看到获取到的这个属性很详细的描述符,包括get、set函数、是否可枚举、是否可修改删除等


3423165-628ce7ea633ba1ab.png
console.log(d)
  1. 下面我们用第二种方法Object.getOwnPropertyDescriptors(o)
    Object.getOwnPropertyDescriptors(obj)方法用来获取一个对象的所有自身属性的描述符。
    我们还是获取上面那个对象obj的所有属性
let tempObj=Object.getOwnPropertyDescriptors(obj) 
console.log(tempObj);

通过下面这张图片,我们可以看到这个obj对象的所有属性的描述符都会获取到


3423165-ffaf4260b0e33ecf.png
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

转载于:https://www.jianshu.com/p/15f0365af2a5

猜你喜欢

转载自blog.csdn.net/weixin_33881041/article/details/91259232
今日推荐