ES6新增方法

1. Object.is(),比较两个参数是否完全相等,作用和“===”一样

let arr = [1, 2, 3, 4];
let arr1 = [1, 2, 3, 4];
let ae = "1";
let as = "1";
console.log(Object.is(arr, arr1)) //false,数组不是基本数据类型,他们的地址不一样
console.log(Object.is(ae, as)) //true
// Object.is()和"==="的不同之处:
// 不同处一:
console.log(+0 === -0) //true
console.log(Object.is(+0, -0)) //false
// 不同处二:
console.log(NaN === NaN) //false
console.log(Object.is(NaN, NaN)) //true
// Object.is()的底层代码:
// Object.defineProperty(Object, "is", {
//     value: function(x, y) {
//         if (x === y) {
//             return x !== 0 || 1 / x === 1 / y;

//         }
//         return x !== x && !== y;
//     }
//     configurable: true,
//     enumerable: false,
//     writable: true
// })

2.Object.assign()

// 基本用法:用于对象的合并,将原有的对象的所有属性,复制到目标对象中
const taget = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };
console.log(Object.assign(taget, source1, source2)) //{a: 1, b: 2, c: 3}
// 注意,如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性。
// 如果只有一个参数,Object.assign会直接返回该参数
   const obj = { a: 23 };
    console.log(Object.assign(obj)) //23
    //如果参数不是对象,会先转成对象,然后返回
    const arrTest = [1, 3, 5];
    console.log(Object.assign(arrTest)) //[1, 3, 5]数组的实质就是对象
    console.log(Object.assign(24524)) //Number {24524}
    // 但是undefined和null无法转换成对象,所以如果他们做参数的话,会报错

//特例:

const objUndefined = { a: 2, b: 21 };
console.log(Object.assign(objUndefined, undefined)) //{a: 2, b: 21}
// 原因:在参数不是对象的时候,会先转换成对象再进行操作,但是,undefined和null不能转换成对象的时候,并且是第二个参数的时候,会直接跳过,忽视他们,就不会报错
// 当第二个参数是Bool类型,String类型,Number类型时的状况:
const bool = true;
console.log(Object.assign({}, bool)) //{}
const num = 1224;
console.log(Object.assign({}, num)) //{}
const str = "213234234";
console.log(Object.assign({}, str)) //{0: "2", 1: "1", 2: "3", 3: "2", 4: "3", 5: "4", 6: "2", 7: "3", 8: "4"}
// 这里别的类型的参数都直接被忽略了,只有支付穿类型被转换成了对象,是因为只有字符串的包装类会残生枚举属性
// 上面代码中,布尔值、数值、字符串分别转成对应的包装对象,可以看到它们的原始值都在包装对象的内部属性[[PrimitiveValue]]上面,这个属性是不会被Object.assign拷贝的。只有字符串的包装对象,会产生可枚举的实义属性,那些属性则会被拷贝。
// Object.assign()只拷贝自身的属性,不拷贝继承的属性
```javascript
console.log(Object.assign({ b: "c" }, Object.defineProperty({}, 'invisible', { d: false, value: "hello" })))
// 属性名为 Symbol 值的属性,也会被Object.assign拷贝。
console.log(Object.assign({ a: 'b' }, {
    [Symbol('dsd')]: 'd'
})) //{a: "b", Symbol(dsd): "d"}

3.Object.getOwnPropertyDescriptors()返回指定对象的所有自身属性

const obj1 = {


```javascript
    foo: 123,
    get bar() { return 'abc' }
};
console.log(Object.getOwnPropertyDescriptors(obj1))
// Object.assign()无法正确拷贝get属性和set属性,因为Object.assign()方法总是拷贝一个属性的值,而不会拷贝它背后的赋值方法或则取值方法。而Object.getOwnPropertyDescriptors()可以,

const source = {
    set foo(value) {
        console.log(value);
    }
};

const target1 = {};
console.log(
    Object.assign(target1, source)) //foo: undefined}
console.log(
    Object.getOwnPropertyDescriptor(target1, 'foo')) //{value: undefined, writable: true, enumerable: true, configurable: true}

// 4.Object.setPrototypeOf()用来设置对象的prototype对象

// 可以用来自定义对象的继承
// 格式:Object.setPrototypeOf(object,prototypoe)
// 底层代码:
function setPrototypeOf(obj, proto) {
    obj._proto_ = proto;
    return obj;
}
// 例子:
function fath(name, speed) {
    this.name = name;
    this.speed = speed;
}

function son(name,speed,score) {
    fath.call(this,name,speed)
    this.score = score;
}
var Son = new son("lie","23","90")
// 让fath成为son的原型
 Object.setPrototypeOf(son,fath);
 console.log(Son.name)
 // 注意:如果第一个参数不是对象,会自动转换成对象。但是,和别的方法有个相同处,都一个参数是undefined或是null的时候,无法转换成对象,所以会报错

5.Object.getPrototypeOf(),与Object.setPrototypeOf()是配套的,用来读取对象的原型对象

// 用法和与Object.setPrototypeOf()是一样的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值