首页 > 代码库 > Jquery第四课 Javascript中this的使用方法
Jquery第四课 Javascript中this的使用方法
this
keyword的使用
在JavaScript中使用this
keyword表示调用方法的对象,这与大部分面向对象语言是一样的。可是因为call
、apply
、bind
等函数的影响。我们能够改变this
所代指的对象。
- 使用
call
或者apply
调用的函数中,this
代指传入的第一个參数对象,假设传入null
或者undefined
。则表示全局对象(window
)。 - 通过对象调用函数(方法),函数中的
this
表示调用该函数的对象。 - 单独调用的函数中
this
表示全局对象。
var myObject = {
sayHello: function() {
console.log("Hi, my name is " + this.myName);
},
myName: "Rebecca"
};
var secondObject = {
myName: "Colin"
};
myObject.sayHello(); //"Hi, my name is Rebecca"
myObject.sayHello.call(secondObject); //"Hi, my name is Colin"
var myName = "the global object";
var sayHello = function() {
console.log("Hi, my name is " + this.myName);
};
var myObject = {
myName = "Rebecca"
};
var myObjectHello = sayHello.bind(myObject);
sayHello(); //"Hi, my name is the global object"
myObjectHello(); //"Hi, my name is Rebecca"
JavaScript能够在执行中为对象动态加入函数,这样也会导致this
代指的对象发生变化。
var myName = "the global object";
var sayHello = function() {
console.log("Hi, my name is " + this.myName);
};
var myObject = {
myName: "Rebecca"
};
var secondObject = {
myName: "Colin"
};
myObject.sayHello = sayHello;
secondObject.sayHello = sayHello;
sayHello(); //"Hi, my name is the global object"
myObject.sayHello(); //"Hi, my name is Rebecca"
secondObject.sayHello(); //"Hi, my name is Colin"
还有。不能直接给处于较深的名字空间的函数添加短引用,会导致this
变为全局对象,可是能够对它所处的对象设置短引用。
var myNamespace = {
myObject: {
sayHello: function() {
console.log("Hi, my name is " + this.name);
},
myName: "Rebecca"
}
};
var hello = myNamespace.myObject.sayHello;
hello(); //"Hi, my name is undefined"
var obj = myNamespace.myObject;
obj.sayHello(); //"Hi, my name is Rebecca"
Tips
call
与apply
的差别是,apply
接收两个參数:this
和函数的參数数组;而call
的第一个參数为this
,可是后面是函数的參数列表。本文档由长沙戴维营教育整理。
Jquery第四课 Javascript中this的使用方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。