ES6对象的扩展

最新推荐文章于 2023-10-04 22:01:43 发布

*小白一枚*

最新推荐文章于 2023-10-04 22:01:43 发布

阅读量194

点赞数

文章标签： es6 javascript 原型模式

本文链接：https://blog.csdn.net/qq_46328930/article/details/125917834

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //1.object.is(),用来比较两个值是否严格相等，与严格运算符（===）的行为基本一致
        console.log(Object.is('foo','foo'));//true
        console.log(Object.is({},{}));//false
        //不同之处只有两个：一是+0不等于-0，二是NaN等于自身
        console.log(+0===-0);//true
        console.log(Object.is(+0,-0));//false
        console.log(NaN===NaN);//false
        console.log(Object.is(NaN,NaN));//true
        //2.Object.assign()
        //用于对象的合并，将源对象的所有可枚举属性，复制到目标对象
        const target={a:1};
        const source1={b:2};
        const source2={c:3};
        Object.assign(target,source1,source2)
        console.log(target);//{a: 1, b: 2, c: 3}
        //由于undefined和null无法转换成对象，所以如果他们作为参数，就会报错
        //console.log(Object.assign(undefined));//error
        //3.Object.getOwnPropertyDescriptors()
        //返回指定对象所有自身属性（非继承属性的描述对象）
        const obj={
            foo:123,
            get bar(){
                return 'abc'
            }
        };
        console.log(Object.getOwnPropertyDescriptors(obj));
        //5.proto属性,Object.setPrototypeOf()，Object.getPrototypeOf()
        //*__proto__ 属性（前后各两个下划线），用来读取或设置当前对象的原型对象（prototype）。目前，所有浏览器（包括 IE11）都部署了这个属性。
        //如果一个对象本身部署了proto属性，给属性的值就是对象的原型
        console.log(Object.getPrototypeOf({_proto_:null}));
        //*Object.setPrototypeOf方法的作用与 __proto__相同，用来设置一个对象的原型对象（prototype），返回参数对象本身。
        //格式 Object.setPrototypeof(object,prototype)
        //用法
        const o=Object.setPrototypeOf({},null)
        //该方法与Object.setPrototypeOf方法配套，用于读取一个对象的原型对象。
        //6.Object.keys()，Object.values()，Object.entries()
        var b={foo:'bar',baz:42}
        console.log(Object.keys(b));//['foo', 'baz']
        console.log(Object.values(b));//['bar', 42]
        //Object.values 会过滤属性名为 Symbol 值的属性。
        //7.Object.fromEntries()
        //Object.fromEntries()方法是Object.entries()的逆操作，用于将一个键值对数组转为对象。
        let c=Object.fromEntries([
            ['foo','bar'],
            ['baz',42]
        ])
        console.log(c);//{foo: 'bar', baz: 42}


    </script>
</body>
</html>