首页 > Web开发 > 详细

js 里面call()的使用

时间:2021-06-05 17:57:41      阅读:10      评论:0      收藏:0      [点我收藏+]

call 是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。
JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。

function fruits() {}
 
fruits.prototype = {
    color: "red",
    say: function() {
        console.log("My color is " + this.color);
    }
}
 
var apple = new fruits;
apple.say();    //My color is red

但是如果我们有一个对象banana= {color : "yellow"} ,我们不想对它重新定义 say 方法,那么我们可以通过 call 或 apply 用 apple 的 say 方法:

banana = {
    color: "yellow"
}
apple.say.call(banana);     //My color is yellow
apple.say.apply(banana);    //My color is yellow

什么的say方法里面的“this”就指向banana对象了,因此打印出的color是yellow;

所以,可以看出 call 是为了动态改变 this 而出现的,当一个 object 没有某个方法(本栗子中banana没有say方法),但是其他的有(本栗子中apple有say方法),我们可以借助call或apply用其它对象的方法来操作。 

补充:

function fruits() {}
 
fruits.prototype = {
    color: "red",
    say: function() {
        console.log("My color is " + this.color);
    }
}
 
var apple = new fruits;    
banana={
    color:"yellow"  
}
//banana是指向对象
//带参数的原型对象——成员方法
apple.say.call(banana,"我是参数");

 

 

 

转载:https://www.cnblogs.com/luzhanshi/p/11982477.html

 

js 里面call()的使用

原文:https://www.cnblogs.com/BluceLee/p/14853290.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!