JS——笔试点滴记录1——闭包与this及方法

╰+哭是因爲堅強的太久メ 2022-07-15 00:09 105阅读 0赞

笔试点滴类记录一些笔试遇到的题目，不一定有难度，但一定有所收获与启发。

**一、关于闭包与this的理解**

**1、题目：**

编写一个函数mul，使下面成立：

alert(mul(3)(4)(5));//提示60
    alert(mul(2)(4)(5));//提示40

分析：

结果为3个数的累积，且是用三个函数分次输入这3个数。要使后面的函数能使用前面的函数的参数，可采用典型的闭包实现。

**当时的具体实现：（测试正确）**

function mul(numb1){
    	this.n1=numb1;
    	return function(numb2){
    		this.n1=n1;
    		this.n2=numb2;
    		return function(numb3){
    			return n1*n2*numb3;
    		}
    	}
    }

**反思：**

**this的理解：**

最初理解：因为之前对闭包及this的含义理解不够透彻，所以每个函数中我都存储了该函数的返回函数将用到的值，如mul中以n1存储了numb1，第一个匿名函数中使用n1与n2存储了第一个mul函数的n1与新输入的numb2，第二个匿名函数中因为没有再返回引用参数的函数，所以直接通过闭包使用参数返回结果。

修正理解：最初理解存在错误，根本在于对this的误解，认为mul函数中的this指mul对象自身，而return语句中的this指返回的函数体构建的对象，如此看来mul函数体中this有三个身份（mul函数对象，第一个匿名函数对象，第二个匿名函数对象），而实际上mul中所有的this，都只指mul函数对象。验证如下：

function mul(numb1){
    	this.n1=numb1;//标记1
    	return funtion(numb2){
    		alert(this.n1);//调用mul函数后，此处将提示与numb1相同的值，说明此处this与标记1出this指同一个对象，mul函数对象。
    	}
    }

**闭包的理解：**

当前某个函数正在使用的变量，都不会被释放，从而可实现保护变量的目标和使用先输入的参数（即此题中）。前提是正在使用该变量的函数，须属于该变量所属函数。实例讲解：

**当初设计的改进：（测试正确）**

function mul(numb1){			//因为返回的函数中使用了numb1，所以形成了闭包，numb1不会被释放，即使作为形参
    	return function(numb2){		//同理
    		return function(numb3){
    			return numb1*numb2*numb3;
    		}
    	}
    }

**感悟：**如果非要使用变量存储形参，最好使用私有变量，即通过var声明，而非使用this，这也是闭包达到保护变量的目的。

**二、this与对象**

此处所讨论对象只指函数对象与JSON 对象。

**1、this与函数对象**

this用在函数体中，声明或使用公有属性或方法。

**小结：**

将函数中this声明的变量与方法理解为属性变量与属性方法，引用它们只能通过this。私有方法不能引用属性变量与属性方法，属性方法能引用属性变量、私有变量、属性方法、私有方法。（但有一个例外，即直接return的方法，该方法体中访问上层函数通过this声明的属性或方法可不通过this，直接使用，这也正是题目1的最初设计结果正确的重要原因）

**注解1：**

**以var 声明方式声明的私有函数，其内部使用的this并非指该私有函数所属的对象，而是指全局对象（window）。如：**

**另外，对于全局属性，var与this声明方式没有区别，都可直接使用（没有被局部变量覆盖时）或通过this调用。所以此例中this.n调用了全局变量n。**

此外，还应注意，下面两种方法也都都形成了闭包：

**2、this与JSON 对象**

**比较：**

**小结：**

JSON 对象的方法使用自身的属性变量必须通过this。

**JSON 对象方法与函数对象方法的另一个区别：能否复制**

**小结：**

JSON 对象的属性方法与属性变量未形成闭包，实际上也不需要，因为JSON 对象就是为了能直接使用属性方法与属性变量的。JSON 对象的方法可“复制”给其它变量而不影响该JSON 对象的属性变量，但形成闭包的函数对象的方法不能如此（即它是将自身给了某个变量，而非一个复制品）。