ECMAScript6课程大纲

2017课程大纲

ECMAScript6介绍

• 是目前ECMAScript语言规范的标准，通常被称为"ES2015"。

• 目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言

• 声明变量的方式

  • var关键字
  • let关键字
    
    • 不允许重复声明
    • 不存在变量提升
    • 声明只在最靠近的一个块中（大括号内）有效
    • 块级作用域 暂存死区（从块的开始到声明这段的区域）
  • const关键字
    
    • 特性同let
    • 声明一个只读的常量。一旦声明，常量的值就不能改变
• 解构赋值
  
  • ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构
  • 数组的解构赋值
  • 对象的解构赋值
  • 字符串的解构赋值
  • 函数参数的解构赋值
• 模板字符串
  
  • 模板字符串（template string）是增强版的字符串，用反引号（`）标识。
  • 占位符 ${} 中写入表达式
• 箭头函数
  
  • 使用“箭头”（=>）定义函数
  • 函数体内的this值，绑定的定义时所在的作用域的this
  • 不可以当作构造函数
  • 不可以使用arguments对象
• 函数的扩展
  
  • 函数参数默认值，给形参直接赋值
  • 在函数体中，不能用let或const再次声明，否则会报错
  • rest 参数（形式为...变量名），用于获取函数的多余参数，放在数组中可取代arguments
• 数组的扩展
  
  • 扩展运算符（spread）,将一个数组转为用逗号分隔的参数序列。
  • Array.from():用于将类数组和可遍历的对象转为真正的数组
  • arr.includes()：返回一个布尔值，表示某个数组是否包含给定的值
  • arr.find()：用于找出数组中第一个符合条件的元素
  • arr.findIndex()：用于找出数组中第一个符合条件的元素的下标
• 字符串的扩展
  
  • str.repeat(n)返回一个新字符串，表示将原字符串重复n次。
• 对象的扩展和简写
  
  • 简洁表示法：1. 变量名和属性名相同，可直接写入变量名；2. 函数可省略function关键字
  • 属性名表达式: 定义属性可以使用[]计算的方式
  • Object.is():比较同值相等，可比较出NaN是否相同
  • Object.assign():用户合并对象，将源对象的所有可枚举属性，复制到目标对象,如果不是对象，转成对应类型的对象
  • Object.keys()：返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键名