ECMAScript 6 入门
Generator 函数的语法_ECMAScript 6 入门

Generator 函数的语法_ECMAScript 6 入门

简介 基本概念 Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。本章详细介绍 Generator 函数的语法和 API,它的异步编程应用请看《Generator 函数的异步应用》一章。 Generator 函数有多种理解角度。语法上,首先可以把它理解成,Generator 函...

对象的扩展_ECMAScript 6 入门

对象的扩展_ECMAScript 6 入门

对象(object)是 JavaScript 最重要的数据结构。ES6 对它进行了重大升级,本章介绍数据结构本身的改变,下一章介绍Object对象的新增方法。 属性的简洁表示法 ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。 const foo = 'bar'; con...

对象的新增方法_ECMAScript 6 入门

对象的新增方法_ECMAScript 6 入门

本章介绍 Object 对象的新增方法。 Object.is() ES5 比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===)。它们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0等于-0。JavaScript 缺乏一种运算,在所有环境中,只要两个值是一样的...

字符串的新增方法_ECMAScript 6 入门

字符串的新增方法_ECMAScript 6 入门

本章介绍字符串对象的新增方法。 String.fromCodePoint() ES5 提供String.fromCharCode()方法,用于从 Unicode 码点返回对应字符,但是这个方法不能识别码点大于0xFFFF的字符。 String.fromCharCode(0x20BB7) // "ஷ" 上面代码中,String.fromCharCode()不能识别大于0xFFFF的...

正则的扩展_ECMAScript 6 入门

正则的扩展_ECMAScript 6 入门

RegExp 构造函数 在 ES5 中,RegExp构造函数的参数有两种情况。 第一种情况是,参数是字符串,这时第二个参数表示正则表达式的修饰符(flag)。 var regex = new RegExp('xyz', 'i'); // 等价于 var regex = /xyz/i; 第二种情况是,参数是一个正则表示式,这时会返回一个原...

number数值的扩展_ECMAScript 6 入门

number数值的扩展_ECMAScript 6 入门

二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示。 0b111110111 === 503 // true 0o767 === 503 // true 从 ES5 开始,在严格模式之中,八进制就不再允许使用前缀0表示,ES6 进一步明确,要使用前缀0o表示。 // 非严...

Reflect_ECMAScript 6 入门

Reflect_ECMAScript 6 入门

概述 Reflect对象与Proxy对象一样,也是 ES6 为了操作对象而提供的新 API。Reflect对象的设计目的有这样几个。 (1) 将Object对象的一些明显属于语言内部的方法(比如Object.defineProperty),放到Reflect对象上。现阶段,某些方法同时在Object和Reflect对象上部署,未来的新...

Proxy_ECMAScript 6 入门

Proxy_ECMAScript 6 入门

概述 Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。 Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问...

Set 和 Map 数据结构_ECMAScript 6 入门

Set 和 Map 数据结构_ECMAScript 6 入门

Set 基本用法 ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set本身是一个构造函数,用来生成 Set 数据结构。 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); ...

Symbol_ECMAScript 6 入门

Symbol_ECMAScript 6 入门

概述 ES5 的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin 模式),新方法的名字就有可能与现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的...

图片压缩在线工具 tools online