![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ECMAScript 6
NextStand
这个作者很懒,什么都没留下…
展开
-
let和const命令
文章编写参考 阮一峰《ECMAScript 6 入门》1.let命令1.1 基本用法 ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。//let声明的变量只在代码块内有效{ let a = "外部不可访问"; var b = "外部可以访问";}a // ReferenceError: a is not de原创 2017-06-29 16:58:03 · 460 阅读 · 0 评论 -
Symbol
文章编写参考 阮一峰《ECMAScript 6 入门》1. 概述ES5中一个对象额属性名都是字符串,这很容易造成属性名冲突;比如你在使用别人提供的对象,当你向该对象中添加新的属性的时候就要特别小心,谨防属性重名造成冲突。如果有一种机制,保证每个属性的名称都是独一无二的,那么就不用担心这个问题了。也就是是ES6引入Symbol的原因。【Symbol是一种数据类型】,表示独一无二的值!Symbol值是通原创 2017-07-07 17:26:35 · 1500 阅读 · 0 评论 -
Module 的语法
文章编写参考 阮一峰《ECMAScript 6 入门》1. 概述模块化开发对于现在的大型的应用系统来说是必不可少的一种模式,【ES6模块的设计思想是尽量的静态化】使得编译时就能确定模块的依赖关系,以及输入和输出的变量。ES6模块不是对象,而是通过export命令显示指定输出的代码,再通过import命令导入。// ES6模块import { stat, exists, readFile } fro原创 2017-07-07 15:03:54 · 957 阅读 · 0 评论 -
Class的继承
文章编写参考 阮一峰《ECMAScript 6 入门》1. 简介Class 可以通过extends关键字实现继承,这比 ES5 的通过修改原型链实现继承,要清晰和方便很多。//基类class People { constructor(name, age) { this.name = name; this.age = age; } sayHel原创 2017-07-06 17:49:31 · 720 阅读 · 1 评论 -
Class的基本语法
文章编写参考 阮一峰《ECMAScript 6 入门》1. 简介在ES6之前要生成实例一般是通过构造函数function Person(name, age) { this.name = name; this.age = age;}Person.prototype.toString = function () { return "I am " + this.name}v原创 2017-07-06 14:32:17 · 967 阅读 · 0 评论 -
对象的扩展
文章编写参考 阮一峰《ECMAScript 6 入门》1.属性的简介表示方式ES6 允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。var name = "Blue";var Person = { name}//等同于var Person = { name: name}上面代码表明,ES6允许在对象中,直接写入变量。这时【属性名为变量名,属性值为变量值】l原创 2017-07-05 17:59:51 · 389 阅读 · 0 评论 -
数组的扩展
文章编写参考 阮一峰《ECMAScript 6 入门》1.扩展运算符1.1 基本用法扩展运算符(spread)是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...docum原创 2017-07-05 11:35:29 · 879 阅读 · 0 评论 -
函数的扩展
文章编写参考 阮一峰《ECMAScript 6 入门》1. 函数参数的默认值1.1 基本用法在ES6之前如果要给函数赋值一般采用以下这样的方式function fun(x, y) { y = y || "Blue"; console.log(x, y);}fun("Hi") //Hi Bluefun("Hi", "Lucky") //Hi Luc原创 2017-07-03 22:39:13 · 480 阅读 · 0 评论 -
Proxy
文章编写参考 阮一峰《ECMAScript 6 入门》1. 概述Proxy 用于修改某些操作的默认行为,等同于在语言层面做出的修改。属于“元编程”,是对编程语言进行编程。Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。Proxy原意“代理”,用在这里表示由它来“代理”某些操作,可以译为“代理器”。v原创 2017-07-11 09:41:14 · 616 阅读 · 0 评论 -
字符串的扩展
文章编写参考 阮一峰 《ECMAScript 6 入门》1.字符串的遍历器接口ES6为字符串添加了遍历器接口,使得字符串可以被for…of循环遍历。for(let codePoint of "bar"){ console.log(codePoint);}// "b"// "a"// "r"2.includes(), startsWith(), endsWith()传统上,JavaSc原创 2017-06-30 16:03:55 · 415 阅读 · 0 评论 -
变量的解构赋值
文章编写参考 阮一峰《ECMAScript 6 入门》1.数组的解构赋值ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。1.1 基本用法以前,为变量赋值,只能直接指定值。let a = 1;let b = 2;let c = 3;ES6 允许写成下面这样。let [a, b, c] = [1, 2, 3];上面的代码会按照数组对应的位置原创 2017-06-30 12:35:18 · 567 阅读 · 1 评论 -
Set和Map数据结构
文章编写参考 阮一峰《ECMAScript 6 入门》1. Set1.1 基本用法Set是ES6提供的新的数据结构。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set数据结构和Symbol不一样,Set需要使用构造函数来生成数据结构实例。const s = new Set();上面代码通过Set构造函数生成了一个Set数据实例。const s = new Set();[1, 2, 3, 4,原创 2017-07-09 17:23:20 · 761 阅读 · 0 评论