1. Set 基本用法 ES6新增了Set，它类似于数组，但是成员的值不会重复，都是唯一的。 const s = new Set(); [1, 2, 3, 4, 3, 2, 1].forEach(x => s.add(x)); for (let i of s) { console.log(i); }… 阅读更多 »ES6入门教程笔记(10)-Set和Map

ES6对对象的扩展非常多，本文只介绍自己感兴趣的若干，需要完整的请阅读文末原文。 属性的简洁表示法 ES6允许直接写入变量和方法，作为对象的属性和方法。这种写法更加简洁。 let x = 1; let name = ‘root’; // ES5 let obj = { x:x, name:name … 阅读更多 »ES6入门教程笔记(9)-对象的扩展

ES6对数组的扩展非常多，本文只介绍自己感兴趣的若干，需要完整的请阅读文末的原文。 flat() 数组的成员可能还是数组，Array.prototype.flat()可以将嵌套的数组“拉平”，变成一维的数组。该方法返回一个新的数组。 [1, 2, [3, 4]].flat() // [1, 2, 3… 阅读更多 »ES6入门教程笔记(8)-数组的扩展

基本用法 ES6允许使用“箭头”（=>）定义函数。 // 箭头函数 let f = () => 5; // ES5 let f = function() { return 5; }; 箭头函数用圆括号代表参数部分，如果代码部分多于一条语句，就用大括号括起来。 // 箭头函数 let sum = (n… 阅读更多 »ES6入门教程笔记(7)-箭头函数

1 函数参数的默认值 基本用法 ES6之前，函数参数不能指定默认值，只能用变通的方法。 function print(x, y) { y = y || ‘World’; console.log(x, y); } print(‘Hello’) // “Hello World” print(‘Hello… 阅读更多 »ES6入门教程笔记(6)-函数的扩展

Number.parseInt(), Number.parseFloat() ES6将全局方法parseInt()和parseFloat()，移植到Number对象上面，用法保持不变。 // ES5的写法 parseInt(‘12.34’) // 12 parseFloat(‘123.45#’) /… 阅读更多 »ES6入门教程笔记(5)-数值的扩展

字符串的遍历器接口 ES6为字符串添加了遍历器接口，使字符串可以被for…of循环遍历。 for (let c of ‘foo’) { console.log(c); } // “f” // “o” // “o” 这个遍历器最大的优点是可以识别大于0xFFFF的Unicode码点，而传统的for… 阅读更多 »ES6入门教程笔记(4)-字符串的扩展

ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 1 数组的解构赋值 基本用法 以前，为变量赋值，只能直接指定值。 let a = 1; let b = 2; let c = 3; 现在，ES6可以这样写： let [a, b, c] = [… 阅读更多 »ES6入门教程笔记(3)-变量的解构赋值

1 let命令 ES6新增了let命令，用来声明变量。它的用法和var类似，但有以下几点区别： – let声明的变量，只在所在的代码块内有效。 – let声明的变量，一定要在声明后才能使用，否则报错。 – 不允许在相同作用域内，重复声明同一个变量。 2 块级作用域 ES5只有全局作用域和函数作用域，… 阅读更多 »ES6入门教程笔记(2)-let、const和var的区别

ECMAScript 6.0（简称ES6）是JavaScript语言的下一代标准，于2015年6月正式发布。它的目标，是使JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 1 ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者… 阅读更多 »ES6入门教程笔记(1)-ECMAScript6简介