1.普通函数
var name = 'yaya'
function fn() {
console.log(this.name);
}
fn();//yaya 此时this指向全局变量yaya
未显示指定this,函数默认被全局变量调用
严格模式下
严格模式下没有明确指定this时,this为undefined,抑制了this
"use strict";
var name = 'yaya'
function fn() {
console.log(this.name);
}
fn();//Uncaught TypeError: Cannot read property 'name' of undefined
2.构造函数
function fn (name, age){
this.name = name;
this.age = age;
}
var p = new fn('小小', 20);
console.log(p.age); //此时this指向构造函数实例化出的对象
//如果构造函数返回的是一个对象,this会指向该对象
function fn (name){
this.name = name;
return{
age: 10;
}
}
var p = new fn('小小'); //普通函数执行的情况下
console.log(p.age);//10 此时this依旧指向全局对象
3.普通对象
var obj = {
name: 'yaya',
fun: function () {
console.log(this.name);
}
}
obj.fun();//此时this指向当前对象
var fn = obj.fun;
fn();//将对象的方法赋值给一个变量,调用该变量时this指向window对象
4.通过call和apply改变this指向
var obj = {
name: 'yaya',
}
function fn(age) {
return age
}
var p = fn.call(obj, 11);
var a = fn.apply(obj, [13]);
console.log(p, a);