js高级--ES6知识点小计

1、this的指向问题




2、call()、apply()、bind()

call apply和bind都可以用来修改this指向。只是使用方式不一样

函数名.call(所要指向的对象,参数1,参数2,…) ;调用fn函数。修改this指向

函数名.call(所要指向的对象,[参数1,参数2,…]) ;调用fn函数,修改this指向

bind()不会直接调用函数 返回一个新的函数 修改了this指向

3、变量在内存中的储存

基本数据类型：在内存中以值的形式存在–>字符串、数值、布尔类型、null、undefined

复合数据类型：在内存中以地址的形式存在–> 对象


4、浅拷贝：直接把对象的属性一一赋值，不考虑属性值类型

如果属性值为对象的时候，只要修改一个，其余对象对应数据都会改变

如何快速实现浅拷贝？–>遍历

5、深拷贝：如果对象的属性值为基本数据类型，直接拷贝；
如果对象属性对应的值对象，需要解析对象，再去拷贝。

快速实现深层拷贝：

6、高阶函数

7、闭包

扩大变量作用域

缩小变量作用域，防止变量污染

8、闭包应用

js有三部分组成：DOM+BOM+ECMAScript

es6 指的是ECMAScript扩展

https://es6.ruanyifeng.com/

9、let

let块级作用域:{就是代码块}

向上寻找距离该变量最近的开始的函数的作用范围，就是该{}之内。

let不能重复声明

let没有变量提升的概念

暂时性死区：在一个代码块内，如果有某个变量，会绑定该区域，不再受外界的影响
let声明变量之前，不能使用它




10、let应用

11、const：声明的是常量，值是不可以改变的(不能重新赋值)，其余语法和let一样

12、字符串扩展

模板字符串:在变量和常量拼接的时候使用–整个字符串使用${变量}

模板字符串作为函数参数参数存在,会执行函数,自动解析参数,把所有常量拼接成一个数组;变量依次拼接到数组后面

标签模板 ``：可以跟在一个函数后面，该函数将被调用来处理这个模板字符串。这被称为模板标签功能

alert(123);
alert123;

例子：

13、解构：es6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这称为解构

对象的解构赋值 使用的是{}；

对象的解构与数组的解构有一个重要的不同，数组的元素是按次序排列的；

数组解构中，变量的值由所处的位置决定。对象的属性没有次序，变量必须与属性同名才可以，才可以取到正确的值。





14、数组扩展



数组.findIndex( function ( n代表数组元素 ) { 条件 } )
得到的结果是第一个符合条件的数组元素的值；从左到右寻找，如果找不到结果是undefined。

数组.findIndex (function ( n代表数组元素 ) { 条件 } )
得到的结果是第一个符合条件的数组元素的下标。从左到右寻找 如果找不到结果是-1。