欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js中的call bind apply简单分析

程序员文章站 2022-06-19 21:45:48
js中的call bind apply简单分析 使用call()时,obj调用了test得的sum方法,这就相当于把sum方法写到了obj里,并向sum里传了两个参数,所以1...

js中的call bind apply简单分析

js中的call bind apply简单分析

使用call()时,obj调用了test得的sum方法,这就相当于把sum方法写到了obj里,并向sum里传了两个参数,所以1,2两个alert()输出的是传进的两个参数;self.a和self.b取得的是obj内的a,b值为2,3,和为5.

bind函数将test.sum简化为另一个全局函数sum(b),sum(b)只需要传入一个参数即可。

三种方法中的第一个参数实际上代表了this的指向,比如说第二个apply() 中的意思就是说我要把test.sum中的方法指向obj,再转向test对象中,可以得到self = this =obj

var test = {
    a : 5,
    b : 6,
    sum : function (a,b) {
 console.log(a,b)      //4,5
        function geta(a) {
			this.a = a;    //定义全局作用域a ,值为4
            return this.a;            
        }
        function getb(b){
			this.b =b;	  //定义全局作用域b,值为5
            return this.b;
        }
        alert(a);
        alert(b);
        return geta(a) + getb(b);
    }
}
var obj = {a:2,b:3};
console.log(test.sum.call(obj,4,5));        //将this指向obj,并将4,5传递给函数sum,接收后
console.log(a,b)     //返回全局作用域