对象的新增方法
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,他们无法转为对象会报错
网友评论