1.扩展运算符 扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 该运算符主要用于函数调用. function add(x, y) { return x + y; } const numbers = [4, 38]; add(...numbers) 替代函数的apply方法 // ES5 的写法 Math.max.apply(null, [1…

不经意间看了你一眼(阮一峰的es6读后感)我自己常用的 字符串篇:ES6 为字符串添加了遍历器接口(详见<Iterator>一章),使得字符串可以被for...of循环遍历.只要有遍历器接口的都可以用es6 的for of去遍历代替es5的forEach 和 for...in 这里就得引导出forin for of区别 魔板字符串,includes 函数篇: 箭头函数 ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面.一看就知道这个参数是不是必传的了 function log(x,…

参考: ECMAScript6入门 就是随便看看,了解一下. 一.ECMAScript6简介 1. 什么是ECMAScript6? JavaScript语言的下一代标准.2015年6月发布,正式名称是<ECMAScript2015标准>. 思考:编程语言和英语.法语语言差不多吧.其实就是语言的标准.规范之类,和英语语法差不多的东西吧 = =! 二.let和const命令 1. let 1.1 声明的变量仅在块级作用域内有效 1.2 不存在变量提升 1.3 暂时性死区:使用let命令声明变量之前…

ES6 为对象字面量添加了几个实用的功能,虽然这几个新功能基本上都是语法糖,但确实方便. 一.属性的简洁表示法 当定义一个对象时,允许直接写入一个变量,作为对象的属性,变量名就是属性名. 例1: , y = , o = { x, y } 与例2: var x = 2, y = 3, o = { x: x, y: y } 是相同的. 二.方法的简洁表示法 下面的例子是方法的简洁表示法(例3) let o = { m (x) { console.log(x); } } o.m("Hello!&quo…

参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 对象的扩展 1.属性名的简洁表示法 : ES6允许在代码中直接写变量,变量名是属性名,变量值是属性值.  let key = "value";  let obj = {key};//obj {key : "value"}2.方法的简写表示法  let obj = {        method : function(x,y){          return {x…

在ES6中新增了扩展运算符可以对数组和对象进行操作.有时候会遇到数组和对象的拷贝,可能会用到扩展运算符.那么这个扩展运算符到底是深拷贝还是浅拷贝呢? 一..使用扩展运算符拷贝 首先是下面的代码. let a = [1,2,3]; let b = [...a];a == b // false 结果是false,这是很容易知道的,毕竟这个赋值操作符是由区别的.接下来将数组的只进行改变,又会怎样呢: let a = [1,2,3]; let b = [...a]; a[0] = 11; console…

ES6 允许声明在对象字面量时使用简写语法,来初始化属性变量和函数的定义方法,并且允许在对象属性中进行计算操作: function getCar(make, model, value) { return { // 简写变量 make, // 等同于 make: make model, // 等同于 model: model value, // 等同于 value: value // 属性可以使用表达式计算值 ['make' + make]: true, // 忽略 `function` 关键词简…

es5 构造函数 实例: function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')'; }; var p = new Point(1, 2); 作为对象的模板,通过class关键字,可以定义类,相当于创建一个 实例 //定义类 class Point { constructor(x, y) {…

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

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