javascript - 试图理解两个简短的 JavaScript 函数中的作用域

Question

下面两个 JavaScript 函数有什么区别？我知道用 var 声明的变量在函数内部是局部的，如果用 this` 关键字声明，则会暴露给外部词。

之间还有其他区别吗？

function student(param1, param2, param3) {
    this.name = param1;
    this.age = param2;
    this.address = param3;
}

和

function student(param1, param2, param3) {
    var name = param1;
    var age = param2;
    var address = param3;
}

Answer 1

简短回答:您将使用第一个作为构造函数。第二个函数什么也不做。如果您想使用“私有(private)变量”，请通过闭包通过实例方法引用构造函数中的函数范围变量。

此函数将按以下方式用于创建学生。传入的参数赋值给新建的学生对象。

	function student(param1, param2, param3){
		this.name = param1;
		this.age = param2;
		this.address = param3;
	}
	
	var student1 = new student('steve', 22,'333 E 3rd Ave');
	var student2 = new student('rachel', 34,'111 N 1st St');

	console.log(student1.name); // 'steve'
	console.log(student2.name); // 'rachel'

第二个不能满足构造函数的要求。

它声明具有未使用的功能范围的变量。一旦 student 函数的执行结束，其中定义的 3 个变量将被垃圾回收。这个函数似乎没有完成任何事情。

你希望这个函数做什么？它不能以相同的方式使用:

	function student(param1, param2, param3){
		var name = param1;
		var age = param2;
		var address = param3;
	}

	var badStudent = new student('Greg', 22,'222 W 2nd Rd');
	
	console.log(badStudent.name); // undefined

编辑

有人提出如何在构造函数中使用用 var 声明的变量来创建“私有(private)成员变量”。使用闭包:

function student(param1, param2, param3) {
		var name = param1;
		var age = param2;
		var address = param3;
		
		this.getName = function(newName) {
		
			if (newName)
				name = newName;
		
			return name;
		};
	}

	var myStudent = new student('steve', 22,'333 E 3rd Ave');

	console.log(myStudent.name);

	console.log(myStudent.getName());

	console.log(myStudent.getName('dan'));

	console.log(myStudent.getName());

请注意，因为实例方法 getName 引用了在构造函数中声明的函数范围变量，所以引用这些变量的闭包仍然存在。由于闭包，一旦构造函数结束，仍然存在对变量的引用，并且它们不会被垃圾收集。因此，通过实例方法，您可以获取和设置此变量，该变量无法通过构造函数的结果对象访问。