纯粹的函数调用的 this 指向:

## 一、纯粹的函数调用的 this 指向:


> 这里只讨论纯粹的函数调用。纯粹的函数调用,这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global。

### 0、全局对象 window 中的 this :
- 我们都知道,window对象是客户端JavaScript程序的全局对象。在全局对象中输入 this, 你会发现:
![image](https://s1.ax1x.com/2018/01/25/pHP1gJ.png)


- 纯粹的函数调用,这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global。


### 1、 this 和 window 的关系(纯粹的函数调用中):
- 测试代码:
```
  function test(){
    console.log('我是this',this);
    console.log('我是window',window);
  }
  test();
```
- 图片结果展示:
 ![image](https://s1.ax1x.com/2018/01/25/pHizY8.png)


### 2、变量的打印(纯粹的函数调用中)
#### 2.1 细说第一种情况:
- 测试代码:
```
  function test(){
     x = 0; 
    //this.x = 0; 
    //window.x = 0;
    //这三种方式都是定义全局变量,在函数中不使用 var 定义的变量,就是全局变量
  }
```
- 图片结果展示:
 ![image](https://s1.ax1x.com/2018/01/25/pHMclt.png)
#### 2.2 细说第二种情况:
- 测试代码:
```
  function test(){
     x = 0; 
    // this.x = 0; 
    // window.x = 0;
    // 这三种方式都是定义全局变量,在函数中不使用 var 定义的变量,就是全局变量
    console.log('我是x',x)
       console.log('我是this.x',this.x);
       console.log('我是window.x',window.x);
  }
  test();
```
- 图片结果展示:
![image](https://s1.ax1x.com/2018/01/25/pHMj7F.png)


#### 2.3 细说第二种情况:
- 测试代码:
```
  var x = 1
 function test(){
     x = 0; 
    // this.x = 0; 
    // window.x = 0;
    // 这三种方式都是定义全局变量,在函数中不使用 var 定义的变量,就是全局变量
    console.log('我是函数内部的 x',x)
       console.log('我是函数内部的this.x',this.x);
       console.log('我是函数内部的window.x',window.x);
  }
   console.log('~~~我是函数执行前的 x',x)
   console.log('~~~我是函数执行前的this.x',this.x);
     console.log('~~~我是函数执行前的window.x',window.x);
  test(); // 调用函数
   console.log('***我是函数执行后的 x',x)
     console.log('***我是函数执行后的this.x',this.x);
     console.log('***我是函数执行后的window.x',window.x);
```
- 图片结果展示:
![image](https://s1.ax1x.com/2018/01/25/pHlnVU.png)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值