ES6拓展的功能

深碍√TFBOYSˉ_ 2021-09-30 02:14 436阅读 0赞

对象初始化简写 ES5我们对于对象都是以键值对的形式书写，是有可能出现键值对重名的。例如： function people(name, age) \{ return \{ name: name, age: age \}; \} 键值对重名，ES6可以简写如下： function people(name, age) \{ return \{ name, age \}; \} ES6 同样改进了为对象字面量方法赋值的语法。ES5为对象添加方法： const people = \{ name: 'lux', getName: function() \{ console.log(this.name) \} \} ES6通过省略冒号与 function 关键字，将这个语法变得更简洁 const people = \{ name: 'lux', getName () \{ console.log(this.name) \} \} ES6 对象提供了 Object.assign()这个方法来实现浅复制。 Object.assign() 可以把任意多个源对象自身可枚举的属性拷贝给目标对象，然后返回目标对象。第一参数即为目标对象。在实际项目中，我们为了不改变源对象。一般会把目标对象传为\{\} const objA = \{ name: 'cc', age: 18 \} const objB = \{ address: 'beijing' \} const objC = \{\} // 这个为目标对象 const obj = Object.assign(objC, objA, objB) // 我们将 objA objB objC obj 分别输出看看 console.log(objA) // \{ name: 'cc', age: 18 \} console.log(objB) // \{ address: 'beijing' \} console.log(objC) // \{ name: 'cc', age: 18, address: 'beijing' \} console.log(obj) // \{ name: 'cc', age: 18, address: 'beijing' \} // 是的，目标对象ObjC的值被改变了。 // so，如果objC也是你的一个源对象的话。请在objC前面填在一个目标对象\{\} Object.assign(\{\}, objC, objA, objB)

转载于:https://www.cnblogs.com/mapsxy/p/9565706.html

发表评论取消回复

表情：

评论列表（有 0 条评论，436人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6 函数拓展类导入导出

> 上次介绍了es6的最基本的一些点，今天稍微深入一点，谈谈函数和类 1. 函数拓展 ~~~~~~我们知道，之前es5的时候函数的默认值问题，要写代码判断是否为空去实现

「爱情、让人受尽委屈。」/ 2023年06月13日 11:18/ 0 赞/ 62 阅读

相关 ES6+功能 set数据结构

set数据结构 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成 Set 数据

系统管理员/ 2023年02月27日 14:57/ 0 赞/ 63 阅读

相关 ES6+的功能

ES6+的功能 var、let、const关键字辨析 var 1. 可以重复定义同名变量 var name='Bob'; var name='Tom

小灰灰/ 2023年02月27日 13:47/ 0 赞/ 86 阅读

相关 ES6：测试功能

TL;DR Use the [FeatureTests.io][] service to perform feature tests of ES6+ features. The

忘是亡心i/ 2023年02月22日 03:40/ 0 赞/ 74 阅读

相关 ES6拓展String

1、新增Unicode表示法 ES6 加强了对 Unicode 的支持，允许采用`\uxxxx`形式表示一个字符，其中`xxxx`表示字符的 Unicode 码点。但是，

灰太狼/ 2022年12月18日 10:59/ 0 赞/ 167 阅读

相关三十分钟熟悉es6（es6日常使用功能总结）

1、前注关于es6的详细说明，可以参照我的系列文章[es6 从入门到熟练][es6]，或者阮一峰的[ECMAScript 6 入门][ECMAScript 6]。我

╰+攻爆jí腚メ/ 2022年06月08日 06:21/ 0 赞/ 270 阅读

相关 es6对象的解构赋值和对象的拓展

ES6 允许在对象之中，直接写变量。这时，属性名为变量名, 属性值为变量的值。 <html> <body> <script>

偏执的太偏执、/ 2022年05月31日 11:58/ 0 赞/ 247 阅读

相关 es6 --- 功能

标记的模板文字 1.模板文字！确实很棒。我们不再会这样做…. const concatenatedString = "I am the " + number +

小咪咪/ 2021年12月20日 09:07/ 0 赞/ 275 阅读

相关 ES6拓展的功能

对象初始化简写 ES5我们对于对象都是以键值对的形式书写，是有可能出现键值对重名的。例如： function people(name, age) \{ return \{ na

深碍√TFBOYSˉ_/ 2021年09月30日 02:14/ 0 赞/ 437 阅读

相关 ES6--字符串（拓展的方法、模板字符串）

拓展的方法子串的识别： includes()：返回布尔值，判断是否找到参数字符串。 startsWith()：返回布尔值，判断参数字符串是否在原字符串的头

川长思鸟来/ 2021年08月13日 21:31/ 0 赞/ 634 阅读