摘要:js函数中this指向的问题代码实例分析js函数中this指向的问题代码实例分析

脚本宝典收集整理的这篇文章主要介绍了

js实例教程-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指向的问题代码实例分析

全部内容,希望文章能够帮你解决

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

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过