js-this方法

编程开发 js-this方法 评论 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
    // this出现在以下位置，分别代表什么
    // 1 函数中   --  this 指向Window
    // 2 在方法中  --  this  指向的是这个方法所属的对象
    // 3 构造函数中  -- this 就是构造函数创建的对象
    // 函数
    // function fn() {
    //   console.log(this);
    // }
    // fn();
    // 对象
    // var obj = {
    //   name: 'zs',
    //   fn: function () {
    //     console.log(this.name);
    //   }
    // };
    // obj.fn();

    // 构造函数
    function Fn() {
      this.name = 'zs';
      this.age = 18;
      console.log(this);
    }
    // var o = new Fn();  // 调用构造函数

    Fn(); // 函数调用


  </script>
</head>
<body>
  
</body>
</html>

YanChen

Personal profile