2019-06-28

JS包含三个部分:

1). ECMAScript(核心)

2). 扩展==>浏览器端

* BOM(浏览器对象模型)

* DOM(文档对象模型)doucument

3). 扩展==>服务器端
Node

ES5

严格模式(消除代码中的写)

使用方法:
1* 在全局或函数的第一条语句定义为: 'use strict';

  • 如果浏览器不支持, 只解析为一条简单的语句, 没有任何副作用
    2.* 必须用var声明变量

  • 禁止自定义的函数中的this指向window

  • 创建eval作用域,他能够解析传的字符串,相当于函数的传参数

  • 对象不能有重名的属性

json对象

  1. JSON.stringify(obj/arr)
  • js对象(数组)转换为json对象(数组)
  1. JSON.parse(json)
  • json对象(数组)转换为js对象(数组)

ES5给Object扩展了一些静态方法, 常用的2个:

  1. Object.create(prototype, [descriptors])

    • 作用: 以指定对象为原型创建新的对象

    • 为新的对象指定新的属性, 并对属性进行描述

      • value : 指定值

      • writable : 标识当前属性值是否是可修改的, 默认为false

      • configurable: 标识当前属性是否可以被删除 默认为false

      • enumerable: 标识当前属性是否能用for in 枚举 默认为false

  2. Object.defineProperties(object, descriptors)

    • 作用: 为指定对象定义扩展多个属性

      • get :用来获取当前属性值得回调函数

      • set :修改当前属性值得触发的回调函数,并且实参即为修改后的值

    • 存取器属性:setter,getter一个用来存值,一个用来取值

1. Function.prototype.bind(obj) :

  • 作用: 将函数内的this绑定为obj, 并将函数返回
  1. 面试题: 区别bind()与call()和apply()?
  • 都能指定函数中的this

  • call()/apply()是立即调用函数

  • bind()是将函数返回,不会立即执行
    bind的特点:绑定完this不会立即调用当前的函数,而是将函数返回

es6

语法规范

let关键字

  1. 作用:
  • 与var类似, 用于声明一个变量
  1. 特点
  • 在块作用域内有效

  • 不能重复声明

  • 不会预处理, 不存在变量提升

  1. 应用
  • 循环遍历加监听,能存索引值

  • 使用let取代var是趋势

const关键字

  1. 作用:
  • 定义一个常量
  1. 特点:
  • 不能修改

  • 其它特点同let

  1. 应用
  • 保存不用改变的数据

变量的解构赋值

  1. 理解:
  • 从对象或数组中提取数据, 并赋值给变量(多个)
  1. 对象的解构赋值

let {n, a} = {n:'tom', a:12}

  1. 数组的解构赋值

let [a,b] = [1, 'hello'];

  1. 用途
  • 给多个形参赋值

.### 模板字符串 : 简化字符串的拼接

  • 模板字符串必须用 `` 包含
  • 变化的部分使用${xxx}定义

                    
                    

你可能感兴趣的:(2019-06-28)