美文网首页
2019-03-04

2019-03-04

作者: kathyever | 来源:发表于2019-03-05 17:43 被阅读0次

    对象的新增方法

    1、Object.is( )

    2、Object.assign( )

    常见用途

    Object.assign方法有很多用处
    1)为对象添加属性

    class Point {
        constructor(x,y){
            Object.assign(this,{x,y});
        }
    }
    

    2)为对象添加方法

    Object.assign(SomeClass.prototype,{
        someMethod(arg1,arg2){
            ...
        },
        anotherMethod(){
            ...
         }
    });
    
    //等同于下面的写法
    SomeClass.prototype.someMethod = function(arg1,arg2){
        ...
    };
    SomeClass.prototype.another = funtion(){
        ...
    };
    //使用了对象属性的简洁表示法,直接将两个函数放在大括号中,再使用assign方法添加到SomeClass.prototype之中
    

    3)克隆对象

    function clone(origin){
        return Object.assign({},origin);
    }
    //将原始对象拷贝到一个空对象就得到了原始对象的克隆
    //不过这种方法的克隆只能克隆原始对象自身的值,不能克隆它继承的值
    

    4)合并多个对象
    将多个对象合并到某个对象

    const merge = 
    (target,...sources) => Object.assign(target,...sources);
    

    5)为属性指定默认值

    const DEFAULTS = {
      logLevel: 0,
      outputFormat: 'html'
    };
    
    function processContent(options) {
      options = Object.assign({}, DEFAULTS, options);
      console.log(options);
      // ...
    }
    

    3、Object.getOwnPropertyDescriptors()

    ES5的Object.getOwnPropertyDescriptors()方法会返回某个对象属性的描述对象。ES2017引入了Object.getOwnPropertyDescriptors()方法,返回指定对象所有自身属性(非继承属性)的描述对象

    const obj = {
          foo:123,
          get bar(){ return 'abc'}
    };
    
    Object.getOwnPropertyDescriptors(obj)
    // { foo:
    //    { value: 123,
    //      writable: true,
    //      enumerable: true,
    //      configurable: true },
    //   bar:
    //    { get: [Function: get bar],
    //      set: undefined,
    //      enumerable: true,
    //      configurable: true } }
    

    上面代码中,Object.getOwnPropertyDescriptors()方法返回一个对象,所有源对象的属性名都是该对象的属性名,对应的 属性值就是该属性的描述对象

    4、proto属性,Object.setPrototypeOf(),Object.getPrototypeOf()

    Javascript 语言的对象继承是通过原型链实现的。

    proto属性

    proto属性 用来读取或设置当前对象的prototype对象。

    //es5写法
    const obj ={
        method:function(){ ... }
    };
    
    //es6写法
    var obj = Object.create(someOtherObj);
    obj.method = function(){ ... };
    

    该属性没有写入ES6的正文,而是写入了附录,原因是__proto__前后的双下划綫,说明它本质上是一个内部属性,而不是一个正式的对外的API,只是由于浏览器广泛支持,才被加入了ES6。
    标准明确规定,只有浏览器必须部署这个属性,其他运行环境不一定需要部署,而且新的代码最好认为这个属性是不存在的。因此,无论从语义的角度,还是从兼容性的角度,都不要使用这个属性,而是用Object.setPrototypeOf()(写操作)、Object.getPrototypeOf()(读操作)、Object.create()(生成操作)代替

    Object.setPrototypeOf()

    Object.setPrototypeOf()方法的作用域proto相同,用来设置一个对象的prototype对象,返回参数对象本身。它是ES6正式推荐的设置原型对象的方法:

    //格式
    Object.setPrototypeOf(object,prototype)
    
    //用法
    const o =Object.setPrototypeOf({},null);
    
    
    //等同于下面的函数
    function setPrototypeOf(obj.proto){
        obj._proto_ = proto;
        return obj;
    }
    //将proto对象设为obj对象的原型,所以从obj对象可以读取proto对象的属性
    

    如果第一个参数不是对象,会自动转为对象,但是由于返回的还是第一个参数,所以这个操作不会产生任何效果。
    由于undefined和null无法转为对象,所以如果第一个参数是undefined或null,就会报错。

    Object.setPrototypeOf(1, {}) === 1 // true
    Object.setPrototypeOf('foo', {}) === 'foo' // true
    Object.setPrototypeOf(true, {}) === true // true
    

    Object.getPrototypeOf()

    该方法与Object.setPrototypeOf方法配套,用于读取一个对象的原型对象

    Object.getPrototypeOf(obj)
    

    如果参数不是对象,会被自动转为对象
    如果参数是undefined或null,他们无法转为对象会报错

    相关文章

      网友评论

          本文标题:2019-03-04

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