瓜冬瓜的博客

扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5该运算符主要用于函数调用。function fun1(arr, ...a){ arr.push(...a);}v...

ES7（ECMAScript 2016）ES7在ES6的基础上主要添加了两项内容：Array.prototype.includes()方法includes() 方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回false。var array1 = [1, 2, 3];console.log(array1.includes(2)); //true...

通过class关键字，可以定义类。class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; }}//等同于function Point(x, y) { this.x =...

Class 可以通过extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。class ColorPoint extends Point { constructor(x, y, color) { super(x, y); // 调用父类的constructor(x, y) this.color = color; } toString(...

ES6标准发布后，前端人员也开发渐渐了解到了es6，但是由于兼容性的问题，仍然没有得到广泛的推广，不过业界也用了一些折中性的方案来解决兼容性和开发体系问题，但大家仍很疑惑，使用ES6会有哪些兼容性问题。兼容性问题现状针对ES6的新特性兼容性问题，目前解决的方案是使用语法解析转换工具将es6语法转化为大部分浏览器识别的es5语法，通用的转化方案有babel，traceur，jsx，typescr...

Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。Generator 函数有多种理解角度。语法上，首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象，也就是说，Generator 函数除了状态机，还是一个遍历器对象生成函数。返回的遍历器对象，可以依次遍历 Generator ...

ES6—let、const和var的区别ES6 新增了let命令，用来声明变量，新增了const命令，用来声明常量，它的用法类似于var。let a = 1;var b = 2;const PI = 3.14;主要区别块级作用域//let声明的变量和const声明的常量有块级作用域，var声明的变量则只有函数作用域{ let a = 1; const PI = 3.14;...

箭头函数ES6 允许使用“箭头”（=>）定义函数。var fun = a => a;// 等同于var fun = function (a) { return a;};用法//有关参数的情况var fun1 = () => alert("hello"); //没有参数的话括号不能省略var fun2 = (a,b) => a; ...

ES6 提供了新的数据结构 Set。它有七个常用方法：检查元素是否存在 has(element)添加元素 add(element)移除元素 delete(element)清空集合 clear()遍历集合元素 forEach(fun)返回一个迭代器对象 values()返回一个元素是类似 [value, value] 形式的迭代器对象 entries()一个常用属性：siz...

ES6 提供了新的数据结构 Map。它有九个常用方法：通过键检查元素是否存在 has(key)添加元素 set(key , value)通过键移除元素 delete(key)通过键获取值 get(key)清空Map clear()遍历Map元素 forEach(fun)返回一个迭代器对象 values()返回一个元素是类似 [key, value] 形式的迭代器对象 entri...

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。

ES6 引入的模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。// 普通字符串`string text line 1`// 多行字符串`string text line 1string text line 2`// 字符串中嵌入变量let a = 1;`This is ...

ES5 的对象属性名都是字符串，这容易造成属性名的冲突。因此 ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、boolean、string、number、object。Symbol 值通过 Symbol 函数生成。这就是说，对象的属性名现在可以有两种类型，一种是原来就有的字符串，另一种就...

ES6 之前，不能直接为函数的参数指定默认值，ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。function fun(x = 'Hello'){ console.log(x);}fun(); //Hellofun('Hi') //Hi参数变量是默认声明的，所以不能用let或const再次声明。function fun(x = 0){ let x = 1; ...

ES6 引入 rest 参数（形式为...变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。function add(...values) { var sum = 0; for (var value of values) { sum += value; } return sum;...

从 ES5 开始，函数内部可以设定为严格模式。function doSomething(a, b) { 'use strict'; // code}ES2016 做了一点修改，规定只要函数参数使用了默认值、解构赋值、或者扩展运算符，那么函数内部就不能显式设定为严格模式，否则会报错。// 报错function doSomething(a, b = a) { 'use stri...

函数的name属性，返回该函数的函数名。function foo() {}foo.name // "foo"这个属性早就被浏览器广泛支持，但是直到 ES6，才将其写入了标准。需要注意的是，ES6 对这个属性的行为做出了一些修改。如果将一个匿名函数赋值给一个变量，ES5 的name属性，会返回空字符串，而 ES6 的name属性会返回实际的函数名。var f = function () ...

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点。对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfill...