ES6语法及其知识点归纳
1 ECMAScript相关介绍
1.1 什么是ECMA
ECMA(European Computer Manufacturers Association)中文名称为欧洲计算机制
造商协会,这个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该
组织改名为 Ecma 国际。
1.2 什么是ECMAScript?
ECMAScript 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言。
1. 3 什么是ECMA-262?
ECMA国际制定的标准之一。
ECMA-262历史版本查看:
http://www.ecma-international.org/publications/standards/Ecma-262-arch.htm
1.4 为什么要学习ES6?
ES6 的版本变动内容最多,具有里程碑意义
ES6 加入许多新的语法特性,编程实现更简单、高效
ES6 是前端发展趋势,就业必备技能
2. EXMAScript6 新特性
2.1 let关键字
let 关键字用来声明变量,使用 let 声明的变量有几个特点:
不允许重复声明
在块级作用域中有效
不存在变量提升
不影响作用域链
2.2 const关键字
const关键字用来声明常量。有如下特点:
声明时必须赋初始值
标识符一般采用大写的形式
不允许重复声明
值不允许修改
块级作用域
注:对象属性修改和数组元素的变化不会出现const错误。
应用:声明对象类型使用const,非对象类型声明使用let
2.3 变量的解构赋值
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称
为解构赋值。
//2. 对象的解构
const zhao = {
name: ‘赵本山’,
age: ‘不详’,
xiaopin: function () {
console.log(‘演小品’);
}
}
let { name, age, xiaopin} = zhao;
console.log(name);
console.log(age);
console.log(xiaopin);
注: 频繁使用对象方法,数组元素,就可以使用解构赋值形式。
2.4 模板字符串
模板字符串是增强版的字符串,用反引号``标识。
特点:
字符串中可以出现换行符
可以使用${xxx}形式输出变量。
注: 当遇到字符串与变量拼接的情况使用模板字符串。
2.5 简化对象方法
ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这
样的书写更加简洁。
let name = ‘海军’;
let change = function () {
console.log(‘改变’);
}
const school = {
name,
change,
// improve: function () {
// console.log(‘jiayou’);
// }
improve () {
console.log(‘jiayou’);
}
}
2.6 箭头函数
ES6 允许使用「箭头」(=>)定义函数。
/**
-
- 通用写法
*/
let fn = (arg1, arg2, arg3) => {
return arg1 + arg2 + arg3;
}
- 通用写法
注意点:
- 如果形参只有一个,则小括号可以省略
- 函数体如果只有一条语句,则花括号可以省略,函数的返回值为该条语句的
执行结果。 - 箭头函数 this 指向声明时所在作用域下 this 的值
- 箭头函数不能作为构造函数实例化
- 不能使用 arguments
注意:箭头函数不会更改 this 指向,用来指定回调函数会非常合适。