ES6 对象扩展

1.属性和方法的简写:

var foo = ‘bar‘;
var baz = {foo};
console.log(baz); //{foo:‘bar‘}

ES6允许对象中只写属性名、不写属性值,属性值等于属性名表示的变量。

function f(x,y){
    return {x,y};
}

console.log(f(1,2));  //{ x: 1, y: 2 }

方法的简写:

var ms = {};
function getItem(){
}
function setItem(){
}
function clear(){
ms = {};
}
module.exports = {getItem,setItem,clear};  //主要ES5中的getter和setter函数的写法。
时间: 2024-11-06 03:37:44

ES6 对象扩展的相关文章

ES6对象扩展

前面的话 随着JS应用复杂度的不断增加,开发者在程序中使用对象的数量也在持续增长,因此对象使用效率的提升就变得至关重要.ES6通过多种方式来加强对象的使用,通过简单的语法扩展,提供更多操作对象及与对象交互的方法.本章将详细介绍ES6对象扩展 对象类别 在浏览器这样的执行环境中,对象没有统一的标准,在标准中又使用不同的术语描述对象,ES6规范清晰定义了每一个类别的对象,对象的类别如下 1.普通(Ordinary)对象 具有JS对象所有的默认内部行为 2.特异(Exotic)对象 具有某些与默认行为

ES6 - 对象扩展(增强字面量)

/** * 对象的扩展 * * 增强对象字面量 * * 解决问题:缩减代码 */ { /** * 1.属性简表示法 * 变量foo直接写在大括号里面.这时,属性名就是变量名, 属性值就是变量值 */ const foo = 'bar'; const baz = { foo }; // baz // {foo: "bar"} // 等同于 // const baz = { foo: foo }; /** * 方法简写 */ const o1 = { method() { return &

ES6学习之对象扩展

简介表示法(直接写入变量和函数,作为对象的属性和方法) let x = "test" let obj={ x, //属性名为变量名,属性值为变量值 y(){console.log("hello")} } //以上相当于 let obj = { x:'test', y:function(){ console.log("hello") } } 属性名表达式(表达式作为对象的属性名,把表达式放在方括号内.) let aa = "hello&q

ES6 之函数扩展和对象扩展

简单记录,方便快速复习~ 函数扩展: 参数默认值.rest 参数.扩展运算符.箭头函数.尾调用... 对象扩展: 简洁表示.属性表达式.新增API等... //函数扩展 // 参数默认值 function fn(x,y=1){ console.log(x+y) } fn(2) { // 注意作用域 let x = 1 function test(x,y=x) { console.log(x,y) } test(2) // 2 2 } { // 注意作用域 let x = 1 function t

ES6浅谈--数组扩展、对象扩展

数组扩展 1.includes()方法,参数为要检测的值.includes方法有点像indexOf(),indexOf未检测到则返回-1,否则返回下标.includes则是返回true或false.includes可以检测NaN.第二个参数表示从什么位置检测. 2.flat和flatMap.flat负责把数组拉平,意思是一个二维数组调用flat方法会变成一维数组.参数传的是数组的维度.例如传2则表示将3维拉成1维.如果数组中有空位则跳过.flatMap有点像flat方法和Map方法的结合.先对每

ES6函数扩展

前面的话 函数是所有编程语言的重要组成部分,在ES6出现前,JS的函数语法一直没有太大的变化,从而遗留了很多问题和的做法,导致实现一些基本的功能经常要编写很多代码.ES6大力度地更新了函数特性,在ES5的基础上进行了许多改进,使用JS编程可以更少出错,同时也更加灵活.本文将详细介绍ES6函数扩展 形参默认值 Javascript函数有一个特别的地方,无论在函数定义中声明了多少形参,都可以传入任意数量的参数,也可以在定义函数时添加针对参数数量的处理逻辑,当已定义的形参无对应的传入参数时为其指定一个

ES6数组扩展

前面的话 数组是一种基础的JS对象,随着时间推进,JS中的其他部分一直在演进,而直到ES5标准才为数组对象引入一些新方法来简化使用.ES6标准继续改进数组,添加了很多新功能.本文将详细介绍ES6数组扩展 创建数组 在ES6以前,创建数组的方式主要有两种,一种是调用Array构造函数,另一种是用数组字面量语法,这两种方法均需列举数组中的元素,功能非常受限.如果想将一个类数组对象(具有数值型索引和length属性的对象)转换为数组,可选的方法也十分有限,经常需要编写额外的代码.为了进一步简化JS数组

ES6正则表达式扩展

前面的话 正则表达式是javascript操作字符串的一个重要组成部分,但在以往的版本中并未有太多改变.然而,在ES6中,随着字符串操作的变更, ES6也对正则表达式进行了一些更新.本文将详细介绍ES6正则表达式扩展 构造函数 在 ES5 中,RegExp构造函数的参数有两种情况. 第一种情况是,参数是字符串,这时第二个参数表示正则表达式的修饰符(flag) var regex = new RegExp('xyz', 'i'); // 等价于 var regex = /xyz/i; 第二种情况是

ES6对象的拓展

ES6的简易写法:对比ES5的写法更加的简洁明了 let name = '小明' , age = 15; let es5 = { name : name, age : age, }-------------------------------------- let es6 = { name, age }两个的结果都是:{name: "小明", age: 15} let es5_method = { hello : function(){ console.log('hello') } }