js函数中this指向的问题代码实例分析
程序员文章站
2022-08-31 13:14:19
js函数中this指向的问题代码实例分析
js函数中this指向的问题代码实例分析
<!doctype html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>document</title> </head> <body> </body> </html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <script> /* * * 函数中的this的指向 * * * 普通函数中的this是谁?-----window * 对象.方法中的this是谁?----当前的实例对象 * 定时器方法中的this是谁?----window * 构造函数中的this是谁?-----实例对象 * 原型对象方法中的this是谁?---实例对象 * * * */ //严格模式: // "use strict";//严格模式 // function f1() { // console.log(this);//window // } // f1(); // 普通函数---函数声明 function f1() { console.log(this); } f1(); // 普通函数---函数表达式 var f2= function () { console.log(this); }; f2(); //定时器中的this setinterval(function () { console.log(this); },1000); // 构造函数 function person() { console.log(this); // 对象的方法 this.sayhi=function () { console.log(this); }; } // 原型中的方法 person.prototype.eat=function () { console.log(this); }; var per=new person(); console.log(per); per.sayhi(); per.eat(); //bom:中*对象是window,浏览器中所有的东西都是window的 </script> </head> <body> </body> </html>
上一篇: js原型及原型链代码分析