美文网首页
Object上的方法

Object上的方法

作者: keknei | 来源:发表于2019-06-04 15:12 被阅读0次

    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()

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

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


    console.log(d)
    1. 下面我们用第二种方法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
    

    相关文章

      网友评论

          本文标题:Object上的方法

          本文链接:https://www.haomeiwen.com/subject/vitlxctx.html