JavaScript--函數的幾種指向
阿新 • • 發佈：2017-10-30
class cti person ctype 輸出 code pre document doctype
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.setInterval36 // 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>
JavaScript--函數的幾種指向