首页 > 其他分享 >ES6之对象方法扩展

ES6之对象方法扩展

时间:2022-11-20 15:55:30浏览次数:53  
标签:ES6 setPrototypeOf console log 对象 NaN Object 扩展

对象扩展 ES6 新增了一些 Object 对象的方法 1) Object.is 比较两个值是否严格相等,与『===』行为基本一致(+0 与 NaN) 2) Object.assign 对象的合并,将源对象的所有可枚举属性,复制到目标对象 3) __proto__、setPrototypeOf、 setPrototypeOf 可以直接设置对象的原型

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>对象方法扩展</title>
</head>
<body>
    <script>
        //1. Object.is 判断两个值是否完全相等 
        console.log(Object.is(120, 120));// === 
        console.log(Object.is(NaN, NaN));// === 
        console.log(NaN === NaN);// === 

        //2. Object.assign 对象的合并
        const config1 = {
            host: 'localhost',
            port: 3306,
            name: 'root',
            pass: 'root',
            test: 'test'
        };
        const config2 = {
            host: 'http://atguigu.com',
            port: 33060,
            name: 'atguigu.com',
            pass: 'iloveyou',
            test2: 'test2'
        }
        // 后面的属性值会替换前面的属性值
        console.log(Object.assign(config1, config2));

        console.log("Object.setPrototypeOf");
        //3. Object.setPrototypeOf 设置原型对象  Object.getPrototypeof
        const school = {
            name: '尚硅谷'
        }
        const cities = {
            xiaoqu: ['北京','上海','深圳']
        }
        Object.setPrototypeOf(school, cities);
        console.log(Object.getPrototypeOf(school));
        console.log(school);


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

 

结果:

 

  

标签:ES6,setPrototypeOf,console,log,对象,NaN,Object,扩展
From: https://www.cnblogs.com/anjingdian/p/16908688.html

相关文章

  • ES6之class
    class类ES6提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上,ES6的class可以看作只是一个语法糖,它的绝大部分......
  • ES6之数值扩展
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>数值......
  • Django ORM 多表操作:一对一、一对多、多对多的增删改,基于对象/双下划线的跨表查询
    DjangomodelORM数据表相关操作分析思路,创建数据表对于表操作,表之间的关联关系,必须理解他们之间的关系,对于编程很重要。可以看看映射关系、外键和relationship查询,至少明......
  • ES6之Set
    SetES6提供了新的数据结构Set(集合)。它类似于数组,但成员的值都是唯一的,集合实现了iterator接口,所以可以使用『扩展运算符』和『for…of…』进行遍历,集合的属性和方法:......
  • ES6之Map
    MapES6提供了Map数据结构。它类似于对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map也实现了iterator接口,所以可以使用......
  • ES6之Promise
    PromisePromise是ES6引入的异步编程的新解决方案。语法上Promise是一个构造函数,用来封装异步操作并可以获取其成功或失败的结果。1)Promise构造函数:Promise(e......
  • Java-02对象传递和返回
    Java-02对象传递和返回当你在“传递”一个对象的时候,你实际上是在传递它的引用1引用1.1传递引用当你将一个引用传给方法后,该引用指向的仍然是原来的对象:/***@Auth......
  • Scanner对象
    Scanner对象通过Scanner类来获取对象的输入。基本语法:Scanners=newScanner(System.in);通过Scanner类的next()与nextLine()方法获取输入的字符串,在读取前我......
  • ES6之生成器
    生成器生成器函数是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同比如:function*gen(){yield'一只没有耳朵';yield'一只没有尾巴';return'真......
  • java——集合——Map集合——Entry键值对对象&Map集合遍历键值对方法
                                    Map集合遍历键值对方法Map集合遍历的第二种方式:使用Entry对象......