ES6笔记

1.let和const不存在变量提升，在var可以先使用后声明，能得到不符合逻辑的undefined，但是在let和const如果不声明就使用会直接报错。

2.var允许重复声明变量，let不允许重复声明变量。

3.const声明一个只读常量，一旦声明，常量的值就不能改变。需要声明就赋值。

总结：let和const具有块级作用域。

面试会问for问题

    for(var i=0;i<5;i++){

        setTimeout(()=>{

            console.log(i);//5,5,5,5,5

        })

    }

想要得到0，1，2，3，4，就要把全局定义var换成let

for(let i=0;i<5;i++){

setTimeout(()=>{

console.log(i);//0，1，2，3，4

})

}

数组扩展：

扩展运算符：

1.合并数组：concat

2.展开运算符：（剩余函数）

var arr1=[1,2,3]

var arr2=[4,5,6]

console.log([arr1,arr2]); //一个二维数组[Array(3), Array(3)](3) [1, 2, 3](3) [4, 5, 6]

console.log([...arr1,...arr2]);//[1, 2, 3, 4, 5, 6] "..."为展开运算符

arguments是函数里面参数的集合，可以接收所有传进来参数，如果实参的个数多于形参可以通过 arguments访问。

function plus(x,y){

// console.log(x+y);

for(var i=0;i<arguments.length;i++){

console.log(arguments[i]);//1 2 3 4 5 6

}

}

plus(1,2,3,4,5,6);

或使用展开运算符"..."，展开运算符作为函数参数，可以接收不固定个数的参数

function plus(...happy){

// console.log(x+y);

// for(var i=0;i<arguments.length;i++){

// console.log(arguments[i]);//1 2 3 4 5 6

// }

console.log(happy);//[1, 2, 3, 4, 5, 6, 7]

}

plus(1,2,3,4,5,6,7);

3.array.from():将类数组转化成真正的数组，array.from()用于将两类对象转成真正的数组：类似数组的对象和可遍历的对象。

var arr=['张三','李四',1,2,3];

var it=Array.from(arr.values());

console.log(it); //['张三', '李四', 1, 2, 3] values输出值

var its=Array.from(arr.keys());

console.log(its); //[0, 1, 2, 3, 4] keys在数组里输出下标，在对象里输出属性名

</script>

4.array.of():用于将一组值转换为数组。

这个是为了弥补array的不足，因为

var arr=new Array();

console.log(arr); //[]

var arr=new Array(5);

console.log(arr); // [空属性 × 5] 这个5表示数组长度为5

var arr=new Array(5,10);

console.log(arr);//[5, 10]

那如果是数组[5]就表示不出了，这时候就用

 var arr=Array.of(5);

    console.log(arr);//[5]

而且array比较方便，任何东西丢给它都能成数组。

5.数组实例的copywithin：在当前数组的内部，将指定位置的成员复制到其他的位置然后返回当前数组，也就是说使用这个方法会改变当前数组。还会改变当前数组的是reverse，reverse是数组反转。

   var arr=Array.of(5,10,45);

    console.log(arr);

    arr.reverse();//数组反转

    console.log(arr);

copywithin接受三个参数，target：必需。从该位置开始替换数据，如果为负值则表示为倒着读。start：可选。从该位置开始读取数据，默认为0，如果为负值则表示为末尾开始计数。end：可选，。到该位置停止读取数据，默认等于数组长度，如果为负值则表示为末尾开始计数。这三个参数都应该是数值，如果不是会自动转成数值。

console.log([1,2,3,4,5].copyWithin(0,3));//[4,5,3,4,5]

  console.log([1,2,3,4,5].copyWithin(2));//[1, 2, 1, 2,3]

    console.log([1,2,3,4,5].copyWithin(0,1,2));// [2, 2, 3, 4, 5]

const arr=[1,2,3,4,NaN];

const index=arr.indexOf(NaN);

console.log(index);//-1

const bol=arr.includes(NaN);

console.log(bol);//true

6.数组实例的find()和findIndex()：数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有的数组成员一次执行该回调函数，直到找到第一个返回值为true的成员。如果没有符合条件的成员则返回undefined。

  var arr=[1,2,3,4,5];

    var res=arr.find(function (item) {

        return item>3;

    })

    console.log(res);//4

find Index是找出下标。

 var res=arr.findIndex(function (item) {

        return item>3;

    })

    console.log(res);//3,第三个也就是4

还有一个与之相反的filter，它是像漏斗一样把条件中的去掉。

 var ress=arr.filter(function (item) {

        return item >3;

    })

    console.log(ress);//[4, 5],filter是像漏斗一样过滤，把大于三的过滤

如果要用find找张三李四就只能找到张三，因为找到第一个true就停止了

 var arr =['zhangsan','lisi','wangwu'];

    var res =arr.find(function (item) {

        return item =='zhangsan'||'lisi';

    })

    console.log(res);//zhangsan

用filter就可以都找出来

var arr =['zhangsan','lisi','wangwu'];

    var res =arr.filter(function (item) {

        return item =='zhangsan'||'lisi';

    })

    console.log(res);//['zhangsan', 'lisi', 'wangwu']