ES

一、ECMAScript认识
1.它是一种由ECMA组织(前身为欧洲计算机制造商协会)制定和发布的脚本语言规范。
2.我们学的 JavaScript 是ECMA的实现, 但术语ECMAScript和JavaScript平时表达同一个意思。
3.JS包含三个部分:
ECMAScript(核心);
扩展==>浏览器端;
BOM(浏览器对象模型)DOM(文档对象模型)
扩展==>服务器端;
Node
4.ES的几个重要版本
ES5 : 09年发布
ES6(ES2015) : 15年发布, 也称为ECMA2015
ES7(ES2016) : 16年发布, 也称为ECMA2016 (变化不大)
二、严格模式
1.作用:
消除js语法的不合理不严谨的地方;
消除代码运行的一些不安全之处,为代码的安全运行保驾护航;
为未来新版本的Javascript做好铺垫。
2.用法:
在全局或函数的第一条语句定义为: ‘use strict’;
如果浏览器不支持, 只解析为一条简单的语句, 没有任何副作用。

  1. 语法和行为约束:
    必须用VAR声明变量;
    禁止自定义的函数中的this指向window;
    创建eval作用域;对象不能有重名的属性。
    三.JSON对象
    1.JSON.stringify(obj/arr)
    js对象(数组)转换为json对象(数组)
    2.JSON.parse(json)
    json对象(数组)转换为js对象(数组)
    四.Object扩展
    ES5给Object扩展了一些静态方法, 常用的2个:
  2. Object.create(prototype, [descriptors])
    作用: 以指定对象为原型创建新的对象
    为新的对象指定新的属性, 并对属性进行描述
  • value : 指定值
  • writable : 标识当前属性值是否是可修改的, 默认为false
  • configurable: 标识当前属性是否可以被删除 默认为false
  • enumerable: 标识当前属性是否能用for in 枚举 默认为false
  1. Object.defineProperties(object, descriptors)
    作用: 为指定对象定义扩展多个属性
    get :用来获取当前属性值得回调函数
    set :修改当前属性值得触发的回调函数,并且实参即为修改后的值
    存取器属性:setter,getter一个用来存值,一个用来取值

对象本身的两个方法
get propertyName(){} 用来得到当前属性值的回调函数
set propertyName(){} 用来监视当前属性值变化的回调函数
五.Array扩展

  1. Array.prototype.indexOf(value) : 得到值在数组中的第一个下标
  2. Array.prototype.lastIndexOf(value) : 得到值在数组中的最后一个下标
  3. Array.prototype.forEach(function(item, index){}) : 遍历数组
  4. Array.prototype.map(function(item, index){}) : 遍历数组返回一个新的数组,返回加工之后的值
    5.Array.prototype.filter(function(item, index){}) : 遍历过滤出一个新的子数组, 返回条件为true的值
    六.Function扩展
    1.Function.prototype.bind(obj) :
    作用: 将函数内的this绑定为obj, 并将函数返回
  5. 面试题: 区别bind()与call()和apply()?
    都能指定函数中的this
    call()/apply()是立即调用函数
    bind()是将函数返回

Call和apply的区别:
两者主要是传入参数的形式不同,call是直接从第二个参数开始,依次传入;apply是第二参数必须是传入的参数放在数组里。
bind的特点:绑定完this不会立即调用当前的函数,而是将函数返回传参的方式同call一样
七.let关键字
作用:与var类似, 用于声明一个变量
特点:在块作用域内有效;不能重复声明;不会预处理, 不存在变量提升
应用:循环遍历加监听;使用let取代var是趋势
八.const关键字
作用:定义一个常量
特点:不能修改;其它特点同let
应用:保存不用改变的数据
九.变量的解构赋值
理解:从对象或数组中提取数据, 并赋值给变量(多个)
对象的解构赋值:let {n, a} = {n:'tom', a:12}
数组的解构赋值:let [a,b] = [1, 'hello'];
用途:给多个形参赋值

模板字符串 : 简化字符串的拼接
模板字符串必须用 `` 包含
变化的部分使用${xxx}定义
十.简化对象
省略同名的属性值
省略方法的function
例:
let x = 1;
let y = 2;
let point = {
x,
y,
setX (x) {this.x = x}

};

十一、箭头函数:
作用: 定义匿名函数
基本语法:
没有参数: () => console.log('xxxx')
一个参数: i => i+2
大于一个参数: (i,j) => i+j
函数体不用大括号: 默认返回结果
函数体如果有多个语句, 需要用{}包围,若有需要返回的内容,需要手动返回
使用场景: 多用来定义回调函数

十二、箭头函数的特点:
1简洁
2、箭头函数没有自己的this,箭头函数的this不是调用的时候决定的,而是在定义的时候所处的对象就是它的this
3扩展理解: 箭头函数的this看外层的是否有函数,如果有,外层函数的this就是内部箭头函数的this,如果没有,则this是window。


十三、三点运算符


/arguments.forEach(function(item, index){
console.log(item, index);
})
/
value.forEach(function(item, index){
console.log(item, index);
})
}
foo(2, 65, 33, 44);
let arr = [1,6];
let arr1 = [2,3,4,5];
arr = [1, ...arr1, 6];
console.log(arr);
console.log(...arr);


十四、Promise对象




11_Promise对象

你可能感兴趣的