call和apply用途与使用方法

时间：2024-01-12 13:09:50

当你看代码时，经常会看到以下情形：(在这个博客里面，参数context是执行上下文的意思，params是参数的意思)

Object.prototype.toString.call(context, params);

fn.call(context, params);

Array.prototype.slice.call(context, params);

等等。

不要惊奇，不要慌张，看完这篇文章下次你就不怕了，甚至自己也会经常这么写了。

先说以下call，apply先不提了，等你把call学会了，到文章末尾也就把apply学会了。

用途：改变this指向

Object.prototype.toString.call(context, params);

这句话就相当于执行toString函数，如：toString(params); 但是为什么不直接这样写呢？

先看一段代码的执行结果：

var str = "stringstr";

var num = 12;

var arr = [1, 2];

var obj = {name: "solid"};

console.log(str.toString()); // stringstr

console.log(num.toString()); //

console.log(arr.toString()); // 1,2

console.log(obj.toString()); // [object Object]

console.log(Object.prototype.toString.call(str)); // [object String]

console.log(Object.prototype.toString.call(num)); // [object Number]

console.log(Object.prototype.toString.call(arr)); // [object Array]

console.log(Object.prototype.toString.call(obj)); // [object Object]

如果你调用Object.prototype.toString()函数是不是可以查看变量的类型啊，进而进行别的逻辑。

在js中，基本上所有的变量都是从Object继承来的，但是他们又都改写了toString方法，所以调用自身的toString方法会得到重写后的函数的结果。有的并没有什么实际的用处，如字符串的toString方法。

下面看点实用的引用吧：



// A程序员写了一个函数
function Person(name, age, sex){
	this.name = name;
	this.age = age;
	this.sex = sex;
}




// 现在一个对象里，你的需求里也需要这三个参数
var zhangsan = {};
// 你就可以这样借用他的函数为你效力
Person.call(zhangsan, "张三", 18, "男");
console.log(zhangsan); // {name: "张三", age: 18, sex: "男"}


// 你可能还需要其他的信息，再写就可以了

function say(){

    this.say = function (){

        console.log(this.name + "具有说话的能力");

    }

}

say.call(zhangsan);

zhangsan.say(); // 张三具有说话的能力




在上面这个例子中，zhangsan这个对象借用了其他的函数实现了自己的功能。这样调用函数，是不是相当于把Person函数中的this指向了zhangsan，把say函数中的this指向了zhangsan?结果实现了调用其他构造函数的方法，为自己实现了功能。


开始学习的时候，我看call也不顺眼，就直接看成前面那个方法的执行。


当不需要改变this时，可以这样调


fn.call(null, params);


不过这个好像没有什么意义，还不如直接写fn(params)；即调用函数。


使用方法：fn.call(context, params);


还有其他的如：


Object.prototype.toString.call(context, params);


Array.prototype.slice.call(context, params);


在这里相当于： toString.call(context, params);   slice.call(context, params);


只是toString方法和slice不是全局的，而是Object和Array原型上的一个方法，所以需要这样来写。


看到这里对你的理解有没有一点帮助呢？有没有感觉使用起来也很简单呢。


下面说说apply。


apply的用途和call一模一样，只是参数有区别。call的参数是用逗号隔开的，apply的参数是一个数组。例子具体见下面的代码




Person.call(zhangsan, "张三", 18, "男");

Person.apply(zhangsan, ["张三", 18, "男"]);

// 这两句是等价的




apply什么时候用呢？看下面的例子把




// 已知一个数组，求数组中的最大值

var numArr = [12, 21, 9, 18, 100, 0];

var max = Math.max.apply(null, numArr);

console.log(max); // 100

// 下面这个求最大值的函数你可以直接收藏使用了。


function max(){
	　　return Math.max.apply(null, arguments);
}
console.log(max(12, 21, 9, 18, 100, 0)); // 100


 


相关文章