master

分支 (2)

管理

管理

master

Devlop

java-script-notes
/
66.this.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    /*
        解析器（浏览器）在调用函数时，每次都会向函数内部传递进一个隐含的参数，
         这个隐含的参数就是this,this指向的是一个对象
          这个对象我们称为函数执行的 上下文对象
          根据函数的调用方式不同，this会指向不同的对象
             1.以函数的形式调用时，this永远都是window
             2.以方法的形式调用时，this就是调用方法的那个对象
    */
    function fun(a, b) {
      console.log(this); // window
    }

    fun(1, 2);

    // 练习一：创建一个对象
    var obj = {
      name: "小王",
      sayName: fun
    };
    var obj2 = {
      name: "小李",
      sayName: fun
    };
    console.log(obj.sayName == fun) //true
    obj.sayName(); // object {name:"小王" sayName:fun}
    obj2.sayName(); // object {name:"小李" sayName:fun}
    fun(); // window


    // 练习二
    function fun1() {
      console.log(this.name);
    }

    var obj3 = {
      name: "小月",
      sayName: fun1
    };
    var name = "全局作用域的name属性";
    // 以方法的形式调用，this.name就是obj3.name
    obj3.sayName(); //小月

    // 以函数的形式调用，this.name就是window.name
    fun1(); // 全局作用域的name属性


  </script>
</head>
<body>

</body>
</html>