数组去重,call、apply、bind之间的区别,this用法总结

时间:2024-01-11 17:52:44

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

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

二、call    apply    bind  之间的区别

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

this用法总结

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

this是谁分几种情况:

第一种:函数谁调用this就指向谁,主要看函数(方法)前面的 . 是谁   那么this就是谁   没有 . 那就是window咯

第二种:在构造函数中  this  指的是当前构造函数中的实例    (当然  方法中的this不算   那么方法的this是谁?  看第一种情况);

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

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