摘要:js函数中this指向的问题代码实例分析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函数中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>

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

本文固定链接:

js实例教程-js函数中this指向的问题代码实例分析

http://www.js-code.com/js/js_1322.html

80%的人都看过