<script>
function fn() {
console.log(this);
}
fn();
var obj = {
sayHi:function() {
console.log(this);
function fn1() {
console.log(this);
}
fn1();
}
};
obj.sayHi();
setTimeout/setInterval
setTimeout(function(){
console.log(this);
},0);
function Person() {
console.log(this);
}
new Person();
var obj = {
name:'张三',
sayHi:function() {
console.log(this);
}
}
obj.sayHi();
document.onclick = function() {
console.log(this);
};
</script>
改变this的指向【重点】
call方法
- 语法:函数名.call(调用者,参数1…)
- 作用:函数被借用时,会立即执行,并且函数体内的this会指向借用者或调用者
- 代码:
function fn(name, age) {
this.name = name;
this.age = age;
}
var obj = {};
fn.call(obj, '李四', 11);
apply方法
- 语法:函数名.apply(调用者,[参数1…])
- 作用:函数被借用时,会立即执行,并且函数体内的this会指向借用者或调用者
- 代码:
function fn(name, age) {
this.name = name;
this.age = age;
}
var obj = {};
fn.apply(obj, ['李四', 11]);
bind方法
- 语法:函数名.bind(调用者,参数1…)
- 作用:函数被借用时,不会立即执行,而是返回一个新的函数。需要自己手动调用新的函数。
- 代码:
function fn(name, age) {
this.name = name;
this.age = age;
}
var obj = {};
fn.bind(obj, '李四', 11);