随笔分类 - ES6
摘要：简介 Class 可以通过extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。另外，继承中的属性或者方法查找原则与ES5一样：就近原则 class Point { } class ColorPoint extends Point { } 上面代码定义了一个Colo
阅读全文
摘要：Promise 的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法
阅读全文
摘要：async 函数 async() : Generator 函数的语法糖。（async函数就是将 Generator 函数的星号（*）替换成async，将yield替换成await，仅此而已。） async和await两种语法结合可以让异步代码像同步代码一样 // -返回值：promise对象 //
阅读全文
摘要：生成器Generator 生成器本身是一个函数，是ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同 执行 Generator 函数会返回一个遍历器对象，也就是说，Generator 函数除了状态机，还是一个遍历器对象生成函数。返回的遍历器对象，可以依次遍历 Generator 函数内部
阅读全文
摘要：Iterator（遍历器）的概念 Iterator（遍历器）概念: 它是一种接口，为各种不同的数据结构提供统一的访问机制，即for...of循环，该循环会自动去寻找 Iterator 接口。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。 Iter
阅读全文
摘要：ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。 声明定义symbol的几种方式 // 第一种定义方式let s = Symbol(); console.log(typeof s); // symbol 由于symbol的值是独一无二的，因此根据此特性,两个变量即使值是一样的，也不
阅读全文
摘要：class类简介 JavaScript 语言中，生成实例对象的传统方法是通过构造函数。ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。 // Class类代替构造函数 class Point { // Point 上 const
阅读全文
摘要：Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成 Set 数据结构。 const s = new Set(); // console.log(s); [2, 3, 5, 4, 5, 2, 2].forEach(x =
阅读全文
摘要：Object.assign() Object.assign()方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。 参数1：目标对象，后面的参数都是源对象。 const target = { a: 1 }; const source1 = { b: 2 };
阅读全文
摘要：属性的简洁表示法 ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 const foo = 'bar'; const baz = { foo }; console.log(baz); //{ foo: 'bar' } 上面代码中，变量foo直接写在大括号里面。
阅读全文
摘要：扩展运算符 扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。（rest参数是将参数序列转为数组） console.log(...[1, 2, 3]); // 1、2、3 console.log(1, ...[2, 3, 4], 5)
阅读全文
摘要：函数参数的默认值 ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。 function log(a, b) { b = b || 'World'; console.log(a, b); } log('Hello') // Hello World log('Hello', 'China
阅读全文
浙公网安备 33010602011771号