数组去重，callapplybind之间的区别，this用法总结

Posted 2020-09-19

一、数组去重，直接写到Array原型链上。

 1 //该方法只能去除相同的数字   不会去判断24和‘24‘是不同的   所有数字和字符串数字是相同是重复的
 2 Array.prototype.redup=function(){
 3     var obj={};
 4     for(var i=0;i<this.length;i++){
 5         var val=this[i];
 6         if(obj[val]==this[i]){  //如果发现重复的
 7             this[i]=this[this.length-1];   //那就把最后一个赋值给当前的这个数组元素
 8             this.pop();  //并把最后一个元素删除
 9             i--; //数组长度减少  那么i也要减下   下次循环重复判断该i位置的值是否重复
10         }
11         obj[val]=val;
12     }
13     obj=null;   //释放掉null
14     return this;  //返回这个去重的数组
15 }
16 
17 arr=[24,25,24,26,24,25,23,24,25,26];
18 console.log(arr.redup());//[24,25,26,23];

二、call    apply    bind  之间的区别

 1 //call、apply、bind都是改变函数的中this上下文的
 2 //call、apply非常的相似，唯一的区别的就是call是单个传参，除第一个参数是改变this指向  其他参数根据函数的参数来定
 3 //而apply一共就两个参数，第一个参数改变this指向，第二个参数是数组 ，是函数参数的集合。
 4 //call,apply不但会改变this指向  并且会执行函数
 5 //但bind和上面有点区别，同样第一个参数是改变this指向，后面的参数也是传给函数的参数   但bind并不执行函数
 6 function sum(a,b){
 7     this.sum=a+b;
 8     console.log(this.sum);
 9 }
10 function fn(){
11 }
12 sum.call(fn,1,2);  //3     把this指向fn  所以fn有sum属性了   并且执行sum函数
13 console.log(fn.sum);  //3
14 sum.apply(fn,[2,3]);  //5   把this指向fn  所以fn有sum属性了   并且执行sum函数
15 console.log(fn.sum);  //5
16 sum.bind(fn,3,4);      //bind并不执行函数   所以  这里什么都不打印
17 console.log(fn.sum);  //5  //bind当中只是改变了this指向   并没有执行  也没有出现赋值步骤  所以  fn.sum保持以前的值
18 sum.bind(fn,3,4)();  //7   //执行函数  改变fn.sum属性的值  并打印
19 console.log(fn.sum);  //7
20 
21 //这里还有一点需要值得注意的   在非严格模式下    不管call,bind,apply没有明确指向谁   默认就是window
22 sum.call();//  this  指向window
23 sum.call(null);//  this  指向window
24 sum.call(undefined);//  this  指向window
25 //而在严格模式下
26 sum.call();//  this  指向undefined
27 sum.call(null);//  this  指向null
28 sum.call(undefined);//  this  指向undefined

this用法总结

第一句话：this是谁和函数的在哪执行的以及在哪定义的都木有半毛钱关系

this是谁分几种情况：

第一种：函数谁调用this就指向谁，主要看函数（方法）前面的 . 是谁   那么this就是谁   没有 . 那就是window咯

第二种：在构造函数中  this  指的是当前构造函数中的实例    （当然  方法中的this不算   那么方法的this是谁？  看第一种情况）；

第三种：就是call，apply，bind   那就直接看上面吧   第一个参数是谁   那么this就是谁    没有参数呢？上面讲的很清楚了   

第四种：函数自执行   像这样（function（）{}）（）      好吧   在非严格模式下     this指的就是window    而在严格模式下    this 是undefined；  所以，严格模式要写上执行主体哈。