JavaScript --- apply和call

2017-02-17  本文已影响0人  窦豆逗

// 今天讲什么?

//思考:运行时时如何动态交换俩个方法的  this是js的一个动态指针    所以这俩个方法本质要明白 在看看运行时

// call() 和 apply() 这两个方法

/*思考一个问题?*/

/*有俩个人 冬冬 和 丽丽 或者理解为俩个对象 他们有各自的一些方法(方法就是函数);*/

/*现在他们想互相使用对方的的方法做一些事情 或者 达到一个目的 怎样才能互相使用对方的方法呢?

* 答案就是借用一下对方的方法

*

* */

/*

call()方法: 语法:call( thisObj , arg1 , arg2 ,argN) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。

这里的的参数除过第一个 后面的参数可以传任何类型的数据

apply()方法: 语法:apply(thisObj [argArray])定义:应用某一对象的一个方法,用另一个对象替换当前对象。

这里的参数第二个只可以传递数组

总结 这两个方法的功能是一模一样的 就是传递参数的方式不同

是函数的一个方法 所有的函数都可以调用也只能是函数对象去调用

*/

/*

var ll = {

getName:function(){

console.log(this);

console.log("我是丽丽");

}

};

var dd = {

getInfo:function () {

console.log('我是冬冬');

}

}*/

// ll.getName();

// 后面的dd 借用前面ll方法 有一个法叫供爷法则

// ll.getName.call(dd); // 这里是dd借用了ll的方法 此时也改变了this的指向 指向了dd /*dd.getName()*/

// 函数也是对象

function add(a,b){

console.log(arguments)

console.log(this);

console.log(a+b);

}

function sub(a,b){

console.log(a-b);

}

// add(1,2) // 3 window 调用的 window.add(1,2)

// window.add.call(sub,3,4); // 7 这里传递参数是一个一个传递的

//

// add.apply(sub,[3,4]);

// 这里sub对象 借用了window对象的add方法 此时this就指向了sub这个对象

// 我们先从Math.max()函数说起.

// Math.max() 里面可以传递任意个数值类型的参数 最后返回所有参数中的最大值 比如

/* Math.max(1,2,3) // 3

Math.max(2,5,7,8,9) // 9*/

/*function max(){

console.log(arguments);

var temp = arguments[0];

for (var i = 0; i < arguments.length; i++) {

if (temp

temp = arguments[i];

}

}

return temp;

}

console.log(max(1, 2, 3));*/

//科普arguments对象 arguments对象其实是一个伪数组

// 现在思考一个问题? 怎样快速得到一个数组中的最大值

// 传统做法

/* function getMax(arr){

var temp = arr[0];

for (var i = 0; i < arr.length; i++) {

temp = Math.max(temp,arr[i]);

}

return temp;

}

var arr = [2,33,3,4,22,99];

console.log(getMax(arr));*/

/*call, apply方法区别是,从第二个参数起, call方法参数将依次传递给借用的方法作参数,

而apply直接将这些参数放到一个数组中再传递, 最后借用方法的参数列表是一样的.

这样轻易的可以得到一个数组中最大的一项。(apply会将一个数组转换为一个参数接一个参数的传递给方法)*/

/*

var arr = [2,33,3,4,22,99];

var maxNum=Math.max.apply(Math,arr) // 这里没有修改this的指向 只是利用max这个方法

console.log(maxNum);

上一篇下一篇

猜你喜欢

热点阅读