JavaScript 闭包与类(原型链)之间的开发方式

闭包和原型链是JavaScript中两个不同的概念，它们在编程中发挥着独特的作用。闭包是在创建函数时形成的一种特殊的作用域链结构，它能够使得一个函数访问并操作函数外部的变量；而类(原型链)是基于原型继承的，用来实现对象间共享属性和方法的一种机制。闭包在隐藏和保护变量方面很有用，是模块化和私有性的关键；原型链则是实现继承和构造出复杂对象层级结构的工具。

闭包通常用于创建封装性比较好的私有变量和方法，是一种动态生成函数的机制，通过它可以引用在外部作用域中声明的变量。即便外部函数已经执行完毕，闭包内的引用依然保持着对这些变量的访问权，使得这些变量并不会随着外部函数的执行完毕而被垃圾回收机制回收。

一、闭包的实现和作用

闭包的主要作用包含几个方面：实现封装、创建私有变量、保持变量状态。闭包可以保护函数内的变量安全，避免全局命名污染，同时也使得函数拥有独立的作用域，不会受外界影响。

封装私有变量

闭包通过提供一个函数作用域来包含变量，使得这些变量不被外界直接访问。在这个函数作用域内部，你可以定义方法以允许外部代码以受控的方式操作这些变量。

function createCounter() {
    let count = 0;
    return {
        increment: function() {
            count++;
        },
        getCurrentValue: function() {
            return count;
        }
    };
}
const myCounter = createCounter();
myCounter.increment();
console.log(myCounter.getCurrentValue()); // 输出 1

上述代码演示了如何使用闭包来创建一个计数器，闭包使得count变量在外部无法访问，只能通过increment和getCurrentValue方法间接进行操作。

保持变量状态

闭包还能够维持一个函数运行结束后的状态，这使得函数里的变量可以跨多个函数调用周期持续存在。

例如，如果你有一个需求是设计一个函数，这个函数可以每调用一次就返回不同的结果，那么闭包是一个非常适合的工具：

function createUniqueIdGenerator() {
    let id = 0;
    return function() {
        return id++;
    };
}
const generateId = createUniqueIdGenerator();
console.log(generateId()); // 输出 0
console.log(generateId()); // 输出 1

在这个例子中，id保存在闭包中，即使在createUniqueIdGenerator函数执行完毕后，id仍然存在，每次调用generateId()都会根据这个保持状态的变量来生成一个新的唯一ID。

二、类(原型链)的实现和作用

原型链则是利用了JavaScript原型的特性来实现对象之间的属性和方法的继承。每个JavaScript对象都有一个原型对象，它们作为一个模板对象，对象可以继承原型上的属性和方法。

类的构造函数

在ES5及更早的版本中，我们通常使用函数来作为类的构造器，通过new关键字来生成实例。

function Person(name, age) {
    this.name = name;
    this.age = age;
}
Person.prototype.introduce = function() {
    console.log('My name is ' + this.name + ' and I am ' + this.age + ' years old.');
};
var person1 = new Person('Alice', 30);
person1.introduce(); // 输出 My name is Alice and I am 30 years old.

在这个例子中，Person函数用作构造器，它初始化新建对象的属性。introduce方法被添加到Person的原型上，这意味着所有Person的实例都可以访问该方法。