理解 JavaScript this 文章中已经比较全面的分析了 this 在 JavaScript 中的指向问题,用一句话来总结就是:this 的指向一定是在执行时决定的,指向被调用函数的对象.当然,上篇文章也指出可以通过 call() / apply() / bind() 这些内置的函数方法来指定 this 的指向,以达到开发者的预期,而这篇文章将进一步来讨论这个问题. 先来回顾一下,举个简单的例子: var leo = { name: 'Leo', sayHi: function() {…

都是天生自带的内置方法(Function.prototype),所有的函数都可以调取这三个方法,改变this指向 call 语法:fn.call(context,para1......) 把fn方法执行.并且让fn方法中的this变为context,而para1....都是给fn传递的实参(第一个参数永远是this,后面的参数是实参) 非严格模式 call方法的几个特殊性: fn.call() =>this:window fn.call(null) =>this:window fn.call(…

1.call和apply都是对函数的直接调用,而bind方法返回的仍然是一个函数,因此后面还需要()来进行调用才可以 var xw={ name: "小王", gender: "男", age: 24, say: function(school,grade){ alert(this.name+" , "+this.gender+" ,今年"+this.age+" ,在"+school+"上&quo…

call.apply.bind方法的共同点与区别: apply.call.bind 三者都是用来改变函数的this对象的指向: apply.call.bind 三者都可以利用后续参数传参: bind 是返回对应函数,便于稍后调用:apply.call则是立即调用. 一.call 1.   call(thisObj,x,y) thisObj的取值有以下4种情况: (1)不传,或者传null,undefined,函数中的this指向window对象: (2)传递另一个函数的函数名,函数中的this指…

var obj1={ name:"bob", age:20 } var obj2={ name:"coco", age:22 } function getAge(){ console.log(this.age) } var age = 50; getAge(); //50 等价window.getAge(); getAge.call(obj1) //20 //相当于callback getAge.apply(obj2)//22 //让函数服务于不同的对象: call…

这三个方法的用法非常相似,将函数绑定到上下文中,即用来改变函数中this的指向.举个例子: var zlw = { name: "zlw", sayHello: function (age) { console.log("hello, i am ", this.name + " " + age " years old"); } }; var xlj = { name: "xlj", }; zlw.sayHe…

1.关于this对象的指向,请看如下代码 var name = 'jack'; var age = 18; var obj = { name:'mary', objAge:this.age, myFun:function(){ console.log(this.name,this.objAge,this.age)//当前this对象指向obj故this.age是undefined } }输出 var windowName = 'myWindow'; var obj2 = { name:'tom'…

call和apply都是解决this指向问题的方法,唯一的区别是apply传入的参数除了其指定的this对象之外的参数是一个数组,数组中的值会作为参数按照顺序传入到this指定的对象中. bind是解决call和apply指定函数对象的问题.bind可以将this指定给一个指定的对象 下面将具体说明: 一.this指定问题 this可以用在构造函数之中,表示实例对象.this还可以用在别的场合.但不管是什么场合,this都有一个共同点:它总是返回一个对象. 上面代码中,this.name表示na…

this指向与call,apply,bind ❝ 「this」问题对于每个前端同学来说相信都不陌生,在平时开发中也经常能碰到,有时候因为「this」还踩过不少坑,并且「this」问题在面试题中出现的概率也非常高,我们一起来了解一下this的指向与call,apply,bind ❞ this的指向 ES5中的this 「在ES5中,this一般指向函数调用时所在的执行环境,与函数定义的位置无关.也可以理解成this永远指向最后调用它的对象」 在普通函数中的this总是指向它的「直接调用者」,默认情…

之前一直迷惑,记不住call(),apply(),bind()的区别.不知道如何使用,一直处于懵懂的状态.直到有一天面试被问到了这三个方法的区别,所以觉得很有必要总结一下. 如果有不全面的地方,后续再进行补充. 1. 改变this的指向 var obj = { name : '张三', age : 17, myFun : function () { console.log(this.name + ' ' + this.age); } } var obj2 = { name : '李四', age…