call与apply区别 详细解读

  1. 每个函数都包含两个非继承而来的方法:call()方法和apply()方法。

  2. 相同点:这两个方法的作用是一样的。
    都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。
    一般来说,this总是指向调用某个方法的对象,但是使用call()和apply()方法时,就会改变this的指向。

  3. call与apply
    call
    作用:改变this的指向
    语法:函数名.call(this的指向,参数1,参数2);
    apply
    作用:改变this的指向
    语法:函数名.apply(this的指向,[参数1,参数2]);
    作用:改变this的指向
    区别:apply参数需要以数组的形式E传递
    Student.prototype.eat = function(){}
    }
    }
    一般在函数中使用,在不同的环境下指向不一样,取决于当前函数被调用时所处的环境
    普通函数中this----window
    事件处理函数中this----当前触发事件的对象
    在对象方法中this-----当前对象
    构造函数中this----实例对象
    例子
    2.面向对象继承
    继承:子类继承父类的属性和方法,提高代码重用率
    2.1 原型链继承
    function sum(a,b){
    console.log(this,a+b);
    }
    sum(10,20);
    //1.语法:函数名.call(this的指向,参数1,参数2);
    sum.call(1,100,200);
    sum.call(oBtn,100,200);
    //2. 语法:函数名.apply(this的指向,[参数1,参数2]);
    sum.apply(oBtn,[100,200]);
    //3.例子
    var name = “java”;
    var obj1 = {
    “name”:“web”,
    “toString”:function(){
    console.log(this.name);
    }
    }
    var obj2 = {
    “name”:“ui”
    }
    obj1.toString.call(obj2); //ui
    var t = obj1.toString; //var t = function(){ console.log(this.name);} 全局的变量和函数都
    属于window
    t();//java
    console.log(window.name);//java
    //4.找数组中最大值
    var arr = [5,22,9,4,7,3];
    //假设数组的第一个元素就是最大的
    var max = arr[0];
    //循环比较,如果有比max更大的,将更大的这个值存储在max
    for(var i = 1;i<arr.length;i++){
    if(max < arr[i]){
    max = arr[i]
    }
    }
    console.log(max);
    console.log(Math.max.apply(1,arr));

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值