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

发布时间:2018-11-25 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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技巧 脚本宝典 欢迎评论哦!&nbsp;js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的js实例教程-js函数中this指向的问题代码实例分析全部内容,希望文章能够帮你解决js实例教程-js函数中this指向的问题代码实例分析所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。