2019-06-27课堂随记

①严格模式

        ‘use strict’

          必须用var声明变量

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

          创建eval作用域

                  eval('解析传进来的字符串')严格模式下eval里创建的变量不会污染全局变量

          对象不能有重名的属性

②JSON对象

          1. JSON.stringify(obj/arr)

                js对象(数组)转换为json对象(数组)

          2. JSON.parse(json)

                json对象(数组)转换为js对象(数组)

③Object扩展

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

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

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

                - value : 指定值

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

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

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

          2. Object.defineProperties(object, descriptors)

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

              - get ：获取扩展属性的值

              - set ：监听扩展属性 当扩展数性发生变化是，会自动调用，还会将变化的值作为实参传入

              存取器属性：setter,getter一个用来存值，一个用来取值

④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, 并将函数返回

          2. 面试题: 区别bind()与call()和apply()?

                都能指定函数中的this

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

                bind()是将函数返回

⑥let关键字

          1. 作用:

                与var类似, 用于声明一个变量

          2. 特点

                在块作用域内有效

                不能重复声明

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

          3. 应用

                循环遍历加监听

                使用let取代var是趋势

⑦const关键字

          1. 作用:

                定义一个常量

          2. 特点:

                不能修改

                其它特点同let

          3. 应用

                保存不用改变的数据

⑧变量的解构赋值

          1. 理解:

              从对象或数组中提取数据, 并赋值给变量(多个)

          2. 对象的解构赋值

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

        3. 数组的解构赋值

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

              如果想从第几个开始取，前面可以空几个‘’，‘’号

        4. 用途

              给多个形参赋值

⑨模板字符串

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

              模板字符串必须用 `` 包含

              变化的部分使用${xxx}定义

⑩①简化的对象写法

        1. 省略同名的属性值

        2. 省略方法的function箭头函数

        1. 作用: 定义匿名函数

        2. 基本语法:

            没有参数: () => console.log('xxxx')

            一个参数: i => i+2

            大于一个参数: (i,j) => i+j

            函数体不用大括号: 默认返回结果

            函数体如果有多个语句, 需要用{}包围，若有需要返回的内容，需要手动返回

        3. 使用场景: 多用来定义回调函数

        4. 箭头函数的特点：

            1、简洁

            2、箭头函数没有自己的this，箭头函数的this不是调用的时候决定的，而是在定义的时候所处的对象就是它的this

            3、扩展理解： 箭头函数的this看外层的是否有函数，如果有，外层函数的this就是内部箭头函数的this，如果没有，则this是window