1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 // 普通函数调用 8 function fn() { 9 console.log("普通函数调用", this); // 输出window 10 } 11 /* 12 * window.fn = function() {} 13 * */ 14 fn(); 15 16 // 构造函数调用 17 function Person() { 18 console.log("构造函数调用", this); // 输出Person对象，指向自己 19 } 20 var p1 = new Person(); 21 22 // 对象方法调用 23 var obj = { 24 sayHi:function () { 25 console.log("对象方法调用", this); // 输出obj对象 26 } 27 }; 28 obj.sayHi(); 29 30 // 事件绑定调用 31 document.onclick = function () { 32 console.log("事件绑定调用方法" , this); // #document 33 } 34 35 // 定时器函数调用 window.setInterval 36 // 37 setInterval(function () { 38 console.log("定时器函数调用", this); // window 39 },1000) 40 41 42 /*在严格模式下普通函数调用会不行出现undefined*/ 43 </script> 44 </head> 45 <body> 46 47 </body> 48 </html>