2019-03-04

对象的新增方法

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.05 17:52:02