函数上下文执行方式及应用，apply(),call(),bind()

以你之姓@ 2023-07-10 08:07 48阅读 0赞

##### 上下文执行模式（修改this指向） #####

*  call() : 函数名.call(修改后的this,arg1,arg2,…)
    
     *  一般用于函数的参数是一个的时候

function fn(a, b) { 
         console.log(this); //{name:'张三'}
         console.log(a + b); //30
     };
     fn.call({ name: '张三'}, 10, 20);

*  apply(): 函数名.apply(修改后的this,数组或者伪数组)
    
     *  一般用于函数的参数多个的时候

function fn(a, b) { 
            console.log(this);//{name:'张三'}
            console.log(a + b);//30
      };
      fn.apply({ name: '张三'}, [10, 20]);

*  bind(): 函数名.bind(修改后的this,arg1,arg2,…)
    
     *  不会立即执行，返回的是一个修改this后的新函数 (如应用于定时器，事件)

##### 区别： #####

*  相同点：可以改变this指向
 *  不同点：传参方式不同

##### 应用：伪数组转数组 #####

//定义一个伪数组
    var pseudoArr = { 
    	0:'aa',
    	1:'bb',
    	2:'cc',
    }
    //方法一：使用push()
    var arr = [];
    arr.push.apply(arr,pseudoArr);
    
    //方法二：使用slice()方法，slice()不传参返回数组自身
    var arr = Array.prototype.slice.apply(pseudoArr);
    
    //方法三：使用concat()
    var arr = [];
    arr = arr.concat.apply(arr,pseudoArr);

##### 应用：伪数组排序 #####

var pseudoArr = { 
    	0:22,
    	1:33,
    	2:11,
    	length:3
    }
    Array.prototype.sort.call(pseudoArr,function (a,b) { 
    	regurn b-a;
    }

##### 应用：求数组最值 #####

var arr = [100,22,88,66,50];
    var max = Math.max.apply(Math,arr);