欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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>