<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
// 1.例子1
function fn1(){
console.log(this); // window
}
fn1(); // 相当于window.fn1()
// 2. 例子2
var o = {
a: 10,
b: function(){
console.log(this); // o 对象
}
}
o.b();
// 3. 例子3
var ob = {
a: 10,
b: {
a: 21,
fn: function(){
console.log(this); // b 对象 （注意看调用的地方）
console.log(this.a); // 21
}
}
}
ob.b.fn();
// 4. 例子
var obj = {
a: 15,
b: {
a: 23,
fn: function(){
console.log(this); // window
console.log(this.a); // undefined (因为this指向的是window， window上没有a这个属性)
}
}
}
var j = obj.b.fn;
j(); // 相当于是window.j()
// this的指向不是在 定义的时候去看的， 而是应该看一下调用的时候， 是由谁调用的function
// 则this指向的就是方法的调用者
</script>
</body>
</html>
