【ES6入门06】：对象扩展

zsirfs 发布于2019-08-23 12:27 / 2385人阅读

摘要：对象扩展简洁表示法属性表达式值用中括号包起来，就是个表达式跟的功能是一样的数组也是引用类型，值虽然都是空，但指向不同的内存地址实现对象的拷贝浅拷贝只拷贝对象自身的属性，如果对象有继承，继承的属性不会被拷贝只拷贝可枚举属性，不可枚举属性不会被

对象扩展 简洁表示法

{
    let o = 1,k = 2;
    let es5 = {
        o: o,
        k: k
    };
    let es6 = {
        o,
        k
    };
    console.log(es5, es6); // {o: 1, k: 2} {o: 1, k: 2}

    let es5_method = {
        hello: function () {
            console.log("hello");
        }
    };
    let es6_method = {
        hello() {
            console.log("hello");
        }
    };
    es5_method.hello(); // hello
    es6_method.hello(); // hello
}

属性表达式

{
    let a = "b";
    let es5_obj = {
        a: "c"
    };
    // key值用中括号包起来，就是个表达式
    let es6_obj = {
        [a]: "c"
    };
    console.log(es5_obj, es6_obj); // {a: "c"} {b: "c"}
}

Object.is()

{
    // Object.is() 跟 === 的功能是一样的
    console.log(Object.is("abc", "abc"), "abc" === "abc"); // true true
    // 数组也是引用类型，值虽然都是空，但指向不同的内存地址
    console.log(Object.is([], []), [] === []); // false false
}

Object.assign()

{
    // Object.assign()实现对象的拷贝（浅拷贝）
    // 1、只拷贝对象自身的属性，如果对象有继承，继承的属性不会被拷贝
    // 2、只拷贝 可枚举 属性，不可枚举属性不会被拷贝
    console.log(Object.assign({}, {a: "a"}, {b: "b"})); // {a: "a", b: "b"}
}

Object.entries()

{
    // Object.entries() 类似于数组的entries()
    let obj = {k: 123, o: 456};
    for (let [key, value] of Object.entries(obj)) {
        console.log(key, value);
    }
    // k 123
    // o 456
}

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98552.html

前端培训-初级阶段（13、18）

摘要：年月欧洲计算机制造商协会发表了标准，它是的一个扩延，它也被称为年月首版年月日截止发布日期，的官方名称是，国际意在更频繁地发布包含小规模增量更新的新版本，下一版本将于年发布，命名为。前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的...

YorkChen 2019-08-23 16:22 评论0 收藏0
JavaScript 简介

摘要：简介原文链接简称是一种轻量级，解释型的编程语言，其函数是一等公民。标准的目标是让任何一种程序设计语言能操控使用任何一种标记语言编写出的任何一份文档。核心规定了如何映射基于的文档结构，以便简化对文档的任意部分的访问和操作。 JavaScript 简介原文链接 JavaScript ( 简称：JS ) 是一种轻量级，解释型的编程语言，其函数是一等公民。众所周知，它是用于网页开发的脚...

URLOS 2019-08-20 10:33 评论0 收藏0
ES6 知识整理一（es6快速入门）

摘要：函数调用会在内存形成一个调用记录，又称调用帧，保存调用位置和内部变量等信息。等到运行结束，将结果返回到，的调用帧才会消失。方法用于将一组值，转换为数组。，和遍历数组方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的方法类似。 ES6 简介 ES6，全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。 let 和 const...

elva 2019-08-26 13:36 评论0 收藏0
ES6入门之对象的扩展

摘要：循环遍历对象自身的和继承的可枚举属性不含属性。返回一个数组，包含对象自身的所有属性的键名。目前，只有对象方法的简写法可以让引擎确认，定义的是对象的方法。showImg(https://user-gold-cdn.xitu.io/2019/5/21/16ada8456223b0e1); 1. 属性的简洁表示法在ES6中允许直接写入变量和函数，作为对象的属性和方法，使得代码的书写更为简洁。...

RiverLi 2019-05-23 11:58 评论0 收藏0
ES6入门之对象的扩展

摘要：属性的简洁表示法在中允许直接写入变量和函数，作为对象的属性和方法，使得代码的书写更为简洁。循环遍历对象自身的和继承的可枚举属性不含属性。返回一个数组，包含对象自身的所有属性的键名。 showImg(https://segmentfault.com/img/remote/1460000019259004?w=1282&h=1920); 1. 属性的简洁表示法在ES6中允许直接写入变量...

AWang 2019-08-26 13:53 评论0 收藏0