mirror of
https://github.com/qianguyihao/Web.git
synced 2024-10-30 20:44:45 +08:00
95 lines
2.4 KiB
Markdown
95 lines
2.4 KiB
Markdown
|
|
|||
|
|
|||
|
## this
|
|||
|
|
|||
|
解析器在调用函数每次都会向函数内部传递进一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象,这个对象我们称为函数执行的 上下文对象。
|
|||
|
|
|||
|
根据函数的调用方式的不同,this会指向不同的对象:【重要】
|
|||
|
|
|||
|
- 1.以函数的形式调用时,this永远都是window。比如`fun();`相当于`window.fun();`
|
|||
|
|
|||
|
- 2.以方法的形式调用时,this是调用方法的那个对象
|
|||
|
|
|||
|
- 3.以构造函数的形式调用时,this是新创建的那个对象
|
|||
|
|
|||
|
- 4.使用call和apply调用时,this是指定的那个对象
|
|||
|
|
|||
|
针对第1和第2条的举例:
|
|||
|
|
|||
|
```javascript
|
|||
|
function fun() {
|
|||
|
console.log(this.name);
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
var obj1 = {
|
|||
|
name: "smyh",
|
|||
|
sayName: fun
|
|||
|
};
|
|||
|
|
|||
|
var obj2 = {
|
|||
|
name: "vae",
|
|||
|
sayName: fun
|
|||
|
};
|
|||
|
|
|||
|
var name = "全局的name属性";
|
|||
|
//obj.sayName();
|
|||
|
|
|||
|
//以函数形式调用,this是window
|
|||
|
//fun(); //可以理解成 window.fun()
|
|||
|
|
|||
|
//以方法的形式调用,this是调用方法的对象
|
|||
|
obj2.sayName();
|
|||
|
|
|||
|
```
|
|||
|
|
|||
|
打印结果:`vae`。
|
|||
|
|
|||
|
**箭头函数中this的指向**:
|
|||
|
|
|||
|
ES6中的箭头函数并不会使用上面四条标准的绑定规则,而是会继承外层函数调用的this绑定(无论this绑定到什么)。
|
|||
|
|
|||
|
## arguments(待定)
|
|||
|
|
|||
|
在调用函数时,浏览器每次都会传递进两个隐含的参数:
|
|||
|
|
|||
|
- 1.函数的上下文对象 this
|
|||
|
|
|||
|
- 2.**封装实参的对象** arguments
|
|||
|
|
|||
|
例如:
|
|||
|
|
|||
|
```javascript
|
|||
|
function foo() {
|
|||
|
console.log(arguments);
|
|||
|
console.log(typeof arguments);
|
|||
|
}
|
|||
|
|
|||
|
foo();
|
|||
|
```
|
|||
|
|
|||
|
|
|||
|
![](http://img.smyhvae.com/20180315_0903.png)
|
|||
|
|
|||
|
arguments是一个类数组对象,它也可以通过索引来操作数据,也可以获取长度。
|
|||
|
|
|||
|
在调用函数时,我们所传递的实参都会在arguments中保存。
|
|||
|
|
|||
|
arguments.length可以用来获取**实参的长度**。
|
|||
|
|
|||
|
我们即使不定义形参,也可以通过arguments来使用实参(只不过比较麻烦):arguments[0] 表示第一个实参、arguments[1] 表示第二个实参...
|
|||
|
|
|||
|
|
|||
|
arguments里边有一个属性叫做callee,这个属性对应一个函数对象,就是当前正在指向的函数的对象。
|
|||
|
|
|||
|
```javascript
|
|||
|
function fun() {
|
|||
|
|
|||
|
console.log(arguments.callee == fun); //打印结果为true
|
|||
|
}
|
|||
|
|
|||
|
fun("hello");
|
|||
|
```
|
|||
|
|
|||
|
|