JS学习笔记Day15

时间:2023-03-09 17:13:41
JS学习笔记Day15

一、ES5及ES6

  (一)严格模式

  (二)bind/call/apply(改变上下文this指向,都是函数对象的方法)

    1、bind:返回值是一个函数

    2、call:返回值是一个对象

    3、apply:返回值是一个对象

  (三)JSON.parse/JSON.stringify

    1、JSON.parse():将json字符串转为json对象,严格模式下使用(IE7及以下不兼容)

    2、JSON.stringify():将json对象转为json字符串,严格模式下使用(IE7及以下不兼容)

  (四)let:取代var,声明变量

    1、script:全局作用域

      function:局部作用域

      let:块级作用域

        1)声明let声明变量,会产生块级作用域

        2)let声明的变量不在做变量提升,只能先声明,后使用

        3)同一个作用域,let不可以重复声明同一个变量

        4)for循环有两个块级作用域,for本身是一个作用域,for循环体又是for中的一个子级作用域

        5)let声明的变量不再是window的属性

      2、const:用于声明常量

  (五)变量的解构赋值:ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)

    1、以前,为变量赋值,只能直接指定值。比如:

      let a = 1

      let b = 2

      let c = 3

    现在,ES6允许这样:

      let [a, b, c] = [1, 2, 3]

    或是这样:

      let {a, b, c} = {a: 1, b: 2, c: 3}

    上面三种方法的结果都是一样的;本质上,后两种通过解构赋值的写法属于“模式匹配”,只要判定了等号两边的模式相同(解构),左边的变量就会被赋予对应的值(赋值)

  (六)字符串的扩展方法

    1、includes("字符串",下标位置);查找指定的字符串是否在父串中包含,返回布尔值

    2、startsWith("字符串",下标位置);查找指定的字符串是否在父串的开头部分,返回布尔值

    3、endsWith("字符串",下标位置);查找指定的字符串是否在父串的结尾部分,返回布尔值

    注:includes和startsWith中第二个参数是从指定位置向后查找;endsWith中第二个参数是从指定位置(不包含)向前查找

    4、repeat();重复指定的字符串

      注:1)如果是小数,会自动向下取整

        2)字符串,可转先将字符串转为数字,不可转NaN为0;

        3)小于等于-1,报错;小于0大于-1取0

    5、``:模板字符串

      例:` ${变量名} `

  (七)箭头函数()=>{}

    1、唯一的好处:箭头函数中的this指向的是箭头函数所有作用域绑定的对象(this所在作用域的父级作用域绑定的对象)

  (八)Symbol():是ES6新增的第七种基本数据类型,特点是保证每一个变量中的值具有唯一性

    1、唯一的好处:可以解决原生对象中key被覆盖的问题

  (九)Set和Map结构

    1、Set集合,本质上就是对数组的一种包装;具有自动去除重复元素的特性

      1)如何创建set对象

        let set = new Set();

        let set = new Set([]);//里面为一维数组

      2)set属性:size:返回set对象的长度

      3)set的方法:

        a、add();添加元素

        b、delete();删除指定key的元素值

        c、has();判断指定元素是否在set对象中,返回布尔值

        d、clear();清空set对象

      4)遍历set对象:

        a、for of:for(变量 of 集合){}

        b、keys():获取set对象中所有的key

        c、values():获取set对象中所有的value

        d、entries():获取set对象中所有的key和value

        e、forEach(function(value,key,set){})

    2.map:解决原生JS对象中key是字符串的问题

      1)如何创建Map对象

        var map = new Map();

        var map = newMap([[]]);//里面为二维数组

      2)Map的属性

        size:返回map对象的长度

      3)map的方法

        a、set():添加元素

        b、get():获取元素

        c、delete():删除只能指定key的元素值

        d、has():判定指定元素是否在map对象中,返回布尔值

        e、clear():清空map对象

      4)遍历map对象

        a、for of:for(变量 of 集合){}

        b、keys():获取map对象中所有的key

        c、values():获取map对象中所有的value

        d、entries():获取map对象中所有的key和value

        e、forEach(function(value,key,set){})

  (十)数组去重

    1. var arr = [1,2,1,12,1,2,1,1,1,2,2,1,1];

      var set = [...new Set(arr)];

      console.log(set);

    //... : 扩展运算符

      var str = 'abcde';

      console.log([...str]);

  (十一)生成器函数

  (十二)class

    JS学习笔记Day15

  (十三)for in/for of

    区别:for in中的循环变量表示下标或key

       for of中的循环变量表示value或key