javascript function(函数类型)使用与注意事项小结(2)

function box(num1, num2) { return num1 + num2; } function callBox(num1, num2) { return box.call(this, num1, num2); //和apply区别在于后面的传参 } alert(callBox(10,10));

事实上，传递参数并不是apply()和call()方法真正的用武之地；它们经常使用的地方是能够扩展函数赖以运行的作用域。

var color = '红色的'; //或者window.color = '红色的';也行 var box = { color : '蓝色的' }; function sayColor() { alert(this.color); } sayColor(); //作用域在window sayColor.call(this); //作用域在window sayColor.call(window); //作用域在window sayColor.call(box); //作用域在box，对象冒充

这个例子是之前作用域理解的例子修改而成，我们可以发现当我们使用call(box)方法的时候，sayColor()方法的运行环境已经变成了box对象里了。

使用call()或者apply()来扩充作用域的最大好处，就是对象不需要与方法发生任何耦合关系(耦合，就是互相关联的意思，扩展和维护会发生连锁反应)。也就是说，box对象和sayColor()方法之间不会有多余的关联操作，比如 box.sayColor = sayColor;

更多关于JavaScript相关内容可查看本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》