美文网首页
JavaScript --- apply和call

JavaScript --- apply和call

作者: 窦豆逗 | 来源:发表于2017-02-17 20:51 被阅读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);

    相关文章

      网友评论

          本文标题:JavaScript --- apply和call

          本文链接:https://www.haomeiwen.com/subject/xmnlwttx.html