当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js函数中this指向的问题代码实例分析

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

2019年01月13日  | 移动技术网IT编程  | 我要评论

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>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网