【麦子学院】javascript的apply和call方法详解.pdfVIP

IT 在线教育平台———麦子学院： 【麦子学院】javascript 的apply()和 call()方法详解 JavaScript 作为 web 前端开发的必用技术之一，在前端编写的过程中，都会涉及到。 但在编写 JavaScript 的过程中，有一些方法却让人很是纳闷，比如apply()和 call()方法。 存在即是合理的，很多时候在编程中，我们不得不用 apply()和 call()方法的场景，下 面我们就通过代码来看看这两种方法的应用。 html body script var product = house; var boss = { chooseWorker: function(makeFunction){ return makeFunction(2); }, make: function(count){ // 为了与foodWorker 和 carWorker 的 make 方法做对比 console.log(boss does not work); } }; var foodWorker = { product : food, make: function(count){ console.log(foodWorker: make + count + + duct); } }; var carWorker = { product : car, make: function(count){ console.log(carWorker: make + count + + duct); IT 在线教育平台———麦子学院： } }; boss.chooseWorker(foodWorker.make); boss.chooseWorker(carWorker.make); /script body /html 在这段代码里面，要达到的目的是：通过传递 worker 对象的 make 方法的方式来让 boss 选择生产出那种产品，boss 的chooseWorker 方法的参数是 make 方法。本来期望传 给 chooseWorker 方法的参数如果是 foodWorker 的 make 方法就生产 food ，如果是 carWorker 的 make 方法就生产 carWorker。期望的结果是这样： foodWorker: make 2 food carWorker: make 2 car 但是结果却是这样的： foodWorker: make 2 house carWorker: make 2 house 那为什么传递的是指定对象的方法，里面的 duct 却是“house”呢？ 原因是 JavaScript 对象的函数本身并不包含对象的信息的信息，如果直接调用 makeFunction ，其调用方默认是window 对象，也就是说 this==window ，所以 duct 就是“house”了。要想达到预想的效果，就得用到 apply 方法了。比如这样： html body script var product = house; var boss = { IT 在线教育平台———麦子学院： chooseWorker: function(makeFunction, worker){ return makeFunction.apply(worker, [2]); }, make: function(count){ console.log(boss does not work); } }; var foodWorker = { product : food, make: function(count){ console.log(foodWorker: make + count + + duct); } }; var carWorker = {