JavaScript 中的封装

Question

我对 Javascript 还很陌生，我的 SO 个人资料将证明这一点。

我刚刚阅读了一些教程，发现了一些我在 Javascript 中应用的面向对象和封装方面并不完全理解的内容。

该教程指出 Javascript 对象可以这样声明：

var myCustomObject = new Object();

并且您可以给它这样的实例变量：

myCustomObject.myVariable = "some value";
myCustomObject.myOtherVariable = "deadbeef";

最后，它指出您可以创建一个模板函数来创建新对象，如下所示：

function CustomObject(myVariable, myOtherVariable)
{
    this.myVariable = myVariable;
    this.myOtherVariable = myOtherVariable;
}

我也知道您可以创建和分配尚不存在的变量的值，因此被隐式声明，如示例所示，其中 myCustomObject 没有 myVariable，但现在有了。

所以，我的问题是：有什么办法可以防止在代码中的其他位置添加新变量。如果我试图了解一个对象如何工作以及我可以/应该用它做什么，我可能永远不会看到其他 .js 文件中很可能存在的变量添加，因此无法完全理解该对象。 ..

另外，我怎么知道刚刚创建的某个对象不会突然在代码中添加了 60 个变量，而这些变量在创建时根本没有提到？

如果可以“随意”添加更多内容，那么您如何能够一眼就理解一个对象可以包含什么内容？

Answer 1

我不太相信我要引用《蜘蛛侠》的话，但是……

能力越大，责任越大

JavaScript 强大而灵活，给程序员很大的自由。它不具备旨在阻止程序员编写糟糕代码的功能。当你编写 JavaScript 时，你有责任确保代码是好的，而不是语言。

Answer 2

你不能，没有什么可以阻止我对你的对象做任何我想做的事;)但是，你不必使用这些变量..

你可以做的一件事就是使用范围，例如：

function myConstructor()
{
  var myState = {}; //Create new, empty object
  myState.text = "Hello World!";
  this.say = function() {
    alert(myState.text);
  };
}

在这个简单的例子中您可以将内部变量存储在 myState 中（或“var text = '';”等），并且它们无法从外部访问，因为它们不是对象的成员，它们只是函数中的私有变量。而且，正如您所看到的，函数 say 仍然可以访问它。

Answer 3

简短的回答：绝对没有。

长答案：

Javascript 在很多方面都是一种动态语言，而不仅仅是类型系统。该语言中的每个类似对象的东西基本上都是一个关联数组，可以根据需要添加到其中。变量（显然可以包含这些对象之类的东西）仅存在于其函数范围内。

您可以使用这一点来模拟私有成员，这可以在一定程度上缓解这种情况。我之前已经多次发布过这样的示例，因此我将向您推荐有关该主题的权威指南： http://javascript.crockford.com/private.html。

至于以您不希望的方式向对象添加新成员，实际上没有什么可做的，这就是语言的方式。

事后思考：

当接触 javascript 时，请记住它实际上不是一种 OOP 语言，它是函数/原型与一些 OOP 思想的奇怪而美妙的组合。不要被类似 java 的语法所愚弄，如果你发挥这些语言的优势而不是 ape java，你会过得更好。

Answer 4

Javascript 对象是转换器（TM），它们可以从一种形式转变为另一种形式。

实际上，这只会丰富对象，而不会造成伤害。例如，它允许人们升级现有的“类”，而不是子类化或再次装饰实例，从而无需创建更多“类”。举个例子：

var Vehicle = function(){}

var factory = {
    create: function(name, props){
        var v = new Vehicle();
        v.type = name;
        for(var prop in props) {
            v[prop] = props[prop];
        }
    }
}

var bike = factory.create('Bike', {
    wheels: 2
});

var car = factory.create('Car', {
    wheels: 4,
    doors: 5,
    gear: 'automatic'
});

var plane = factory.create('Airplane', {
    wings: 2,
    engines: 4
});

想象一下如果没有动态对象，上面的代码会怎样，而你却无法做到这一点：

// lets paint our car
car.color = 'candy red';
// bling!
car.racingStripes = true;
car.mirrorDice = true;
car.furryChairs = true;

你可以以更简单的方式丰富/个性化对象。