前端学习(36)~js学习(十三)：this

2020 年 3 月 18 日
筆記

解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this，this指向的是一个对象，这个对象我们称为函数执行的上下文对象。

根据函数的调用方式的不同，this会指向不同的对象：【重要】

1.以函数的形式调用时，this永远都是window。比如fun();相当于window.fun();
2.以方法的形式调用时，this是调用方法的那个对象
3.以构造函数的形式调用时，this是新创建的那个对象
4.使用call和apply调用时，this是指定的那个对象

箭头函数中this的指向：

ES6中的箭头函数并不会使用上面四条标准的绑定规则，而是会继承外层函数调用的this绑定（无论this绑定到什么）。

类数组 arguments

在调用函数时，浏览器每次都会传递进两个隐含的参数：

1.函数的上下文对象 this
2.封装实参的对象 arguments

例如：

    function foo() {          console.log(arguments);          console.log(typeof arguments);      }        foo();

arguments是一个类数组对象，它可以通过索引来操作数据，也可以获取长度。

arguments代表的是实参。在调用函数时，我们所传递的实参都会在arguments中保存。有个讲究的地方是：arguments只在函数中使用。

1、返回函数实参的个数：arguments.length

arguments.length可以用来获取实参的长度。

举例：

    fn(2,4);      fn(2,4,6);      fn(2,4,6,8);        function fn(a,b) {          console.log(arguments);          console.log(fn.length);         //获取形参的个数          console.log(arguments.length);  //获取实参的个数            console.log("----------------");      }

打印结果：

我们即使不定义形参，也可以通过arguments来使用实参（只不过比较麻烦）：arguments[0] 表示第一个实参、arguments[1] 表示第二个实参…

2、返回正在执行的函数：arguments.callee

arguments里边有一个属性叫做callee，这个属性对应一个函数对象，就是当前正在指向的函数对象。

    function fun() {            console.log(arguments.callee == fun); //打印结果为true      }        fun("hello");

在使用函数递归调用时，推荐使用arguments.callee代替函数名本身。

3、arguments可以修改元素

之所以说arguments是伪数组，是因为：arguments可以修改元素，但不能改变数组的长短。举例：

    fn(2,4);      fn(2,4,6);      fn(2,4,6,8);        function fn(a,b) {          arguments[0] = 99;  //将实参的第一个数改为99          arguments.push(8);  //此方法不通过，因为无法增加元素      }