ES6对象新功能与解构赋值,如何巧妙结合实现高效编程?
- 内容介绍
- 文章标签
- 相关推荐
本文共计2369个文字,预计阅读时间需要10分钟。
ES6通过扩展语法、新增方法、改进原型等多样化方式增强对象使用,简化对象数据提取过程。一、字面量语法扩展:在ES6模式下,使用字面量创建对象更简洁。二、解构赋值:简化对象数据提取,直接从对象中提取所需数据。
ES6 通过字面量语法扩展、新增方法、改进原型等多种方式加强对象的使用,并通过解构简化对象的数据提取过程。
一、字面量语法扩展
在 ES6 模式下使用字面量创建对象更加简洁,对于对象属性来说,属性初始值可以简写,并可以使用可计算的属性名称。对象方法的定义消除了冒号和 function 关键字,示例如下:
// Demo1 var value = "name", age = 18 var person = { age, // age: age ['my' + value]: 'Jenny', // myname sayName () { // sayName: function() console.log(this.myname) } } console.log(person.age) // 18 console.log(person.myname) // Jenny person.sayName(); // Jenny
针对重复定义的对象字面量属性,ES5严格模式下会进行重复属性检查从而抛出错误,而ES6移除了这个机制,无论严格模式还是非严格模式,同名属性都会取最后一个值。
本文共计2369个文字,预计阅读时间需要10分钟。
ES6通过扩展语法、新增方法、改进原型等多样化方式增强对象使用,简化对象数据提取过程。一、字面量语法扩展:在ES6模式下,使用字面量创建对象更简洁。二、解构赋值:简化对象数据提取,直接从对象中提取所需数据。
ES6 通过字面量语法扩展、新增方法、改进原型等多种方式加强对象的使用,并通过解构简化对象的数据提取过程。
一、字面量语法扩展
在 ES6 模式下使用字面量创建对象更加简洁,对于对象属性来说,属性初始值可以简写,并可以使用可计算的属性名称。对象方法的定义消除了冒号和 function 关键字,示例如下:
// Demo1 var value = "name", age = 18 var person = { age, // age: age ['my' + value]: 'Jenny', // myname sayName () { // sayName: function() console.log(this.myname) } } console.log(person.age) // 18 console.log(person.myname) // Jenny person.sayName(); // Jenny
针对重复定义的对象字面量属性,ES5严格模式下会进行重复属性检查从而抛出错误,而ES6移除了这个机制,无论严格模式还是非严格模式,同名属性都会取最后一个值。

