shunxuanyou / es6 Goto Github PK

• BOM
• DOM

• Node.js

• 使得Javascript在更严格的条件下运行
• 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为
• 消除代码运行的一些不安全之处，保证代码运行的安全
• 需要记住的几个变化
  • 声明定义变量必须用var
  • 禁止自定义的函数中的this关键字指向全局对象
  • 创建eval作用域, 更安全

• 以指定对象为原型创建新的对象
• 指定新的属性, 并对属性进行描述
  • value : 指定值
  • writable : 标识当前属性值是否是可修改的, 默认为true
  • get方法 : 用来得到当前属性值的回调函数
  • set方法 : 用来监视当前属性值变化的回调函数

• 将函数内的this绑定为obj, 并将函数返回

• fn.bind(obj) : 指定函数中的this, 并返回函数
• fn.call(obj) : 指定函数中的this,并调用函数

字符串

• 模板字符串
  • 作用: 简化字符串的拼接
  • 模板字符串必须用``
  • 变化的部分使用${xxx}定义
• contains(str) : 判断是否包含指定的字符串
• startsWith(str) : 判断是否以指定字符串开头
• endsWith(str) : 判断是否以指定字符串结尾
• repeat(count) : 重复指定次数

对象

• 简化的对象写法

  let name = 'Tom';
  let age = 12;
  let person = {
      name,
      age,
      setName (name) {
          this.name = name;
      }
  };
  

• Object.assign(target, source1, source2..) : 将源对象的属性复制到目标对象上
• Object.is(v1, v2) : 判断2个数据是否完全相等
• __proto__属性 : 隐式原型属性

数组

• Array.from(v) : 将伪数组对象或可遍历对象转换为真数组
• Array.of(v1, v2, v3) : 将一系列值转换成数组
• find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素
• findIndex(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素下标

函数

• 箭头函数
  • 用来定义匿名函数
  • 基本语法:
    • 没有参数: () => console.log('xxxx')
    • 一个参数: i => i+2
    • 大于一个参数: (i,j) => i+j
    • 函数体不用大括号: 默认返回结果
    • 函数体如果有多个语句, 需要用{}包围
  • 使用场景: 多用来定义回调函数
• 形参的默认值
  • 定义形参时指定其默认的值
• rest(可变)参数
  • 通过形参左侧的...来表达, 取代arguments的使用
• 扩展运算符(...)
  • 可以分解出数组或对象中的数据

• Set()/Set(arr) //arr是一维数组
• add(value)
• delete(value)
• clear();
• has(value)
• size
• Map()/Map(arr) //arr是二维数组
• set(key, value)
• delete(key)
• clear()
• has(key)
• size

指数运算符: **

Array.prototype.includes(value) : 判断数组中是否包含指定value

区别方法的2种称谓

• 静态(工具)方法
  • Fun.xxx = function(){}
• 实例方法
  • 所有实例对象 : Fun.prototype.xxx = function(){} //xxx针对Fun的所有实例对象
  • 某个实例对象 : fun.xxx = function(){} //xxx只是针对fun对象