一.对象中的属性及方法1.属性属性简写:当对象属性名与属性值变量相同可以简写eg: let [name,age]=['nzc','18']; let obj = { name:name, age:age }; //简写方式: let obj = { name, age }; 表达式属性名:可以使用[]里面放置变量或表达式来构建对象属性名eg: let temp = 'my'; let myAge = 18; let obj = { [temp+'Name']:'nzc', //类似 myName…

ES6对象和传统的JS比较起来支持简写,比如说属性简写方法简写,还支持name属性,可以通过他迅速得到函数属性名表达式(如果是用bind方法创造的函数name属性会返回bound加上原函数的名字,Function构造函数创造的函数name属性返回"anonymous"). var test = { sayHi(){ console.log('hi'); } } console.log(test.sayHi.name); //sayHi 下面说的都是对象的拓展方法 如果将源对象的所有可枚…

属性的简洁表示法 ES6 允许直接写入变量和函数,作为对象的属性和方法.这样的书写更加简洁. const foo = 'bar'; const baz = {foo}; //允许直接写入变量和函数作为对象的属性和值 baz // {foo: "bar"} // 等同于 const baz = {foo: foo}; function f(x, y) { return {x, y}; } // 等同于 function f(x, y) { return {x: x, y: y}; } f…

数组的扩展 1.拓展运算符('...'),它相当于rest参数的逆运算,用于将一个数组转换为用逗号分隔的参数序列: console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 2.如果扩展运算符后面是一个空数组,则不产生任何效果: [...[], 1] // [1] 3.常见的拓展运算符的应用: //合并数组 let arr1 = [1,2]; let arr2 = [3,4]; let arr3…

1.属性的简洁表示法 ES6 允许直接写入变量和函数,作为对象的属性和方法.这样书写更加简洁. const foo = 'bar'; const baz = {foo}; baz //{foo: "bar"} //等同于 const baz = { foo: foo}; baz //{foo: "bar"} 上面代码表明,ES6 允许在对象之中,直接写变量.这时,属性名为变量名,属性值为变量的值.下面是另一个例子. function f(x, y){ return…

一,ES6 对象拓展方法 ES6为对象提供了一些拓展方法,下面列举几个比较常见的对象拓展方法.…

数组扩展 循环 arr.foreach(){ //回调函数 function(val,index,arr){ //val:当前读取到的数组的值,index:当前读取道德数组的索引,arr:当前的数组名 } } 映射 arr.map 同foreach,但是map每读取一条信息都会有一个返回值,从而可以整理数据结构 let newArr=arr.map(){ //回调函数 function(val,index,arr){ //val:当前读取到的数组的值,index:当前读取道德数组的索引,arr:…

ES6 数组方法拓展 1.Array.from() Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map).下面是一个类似数组的对象,Array.from将它转为真正的数组. let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }; // ES5的写法 var arr1 = [].slice.call(ar…

相对于ES5,ES6的对象字面量得到了很大程度的增强.这些改进我们可以输入更少的代码同时语法更易于理解.那就一起来看看对象增强的功能.对象字面量简写(Object Literal Shorthand).对象方法简写(Object Method Shorthand).计算对象键(Object key).对象解构(Object Destructuring). ES6对象字面量简写 javascript中的对象使用对象字面量很容易创建,现在来使用ES5来创建一个对象,在music中两个对象属性 typ…

对象(object)是 JavaScript 最重要的数据结构之一. object 在es6中新增了很多便利的方法 在es6中允许直接写入变量和方法的名称直接作为对象的属性 let x =1 ,y=2 const obj ={x,y} console.log(obj) //{x: 1, y: 2} 这种写法等同于 let x = 1,y = 2 const obj = { 'x':x, 'y':y } 方法同理 const obj2 = { methods() { return { x, y }…