javascript - 创建对象的正确方法

Question

创建对象(及其“命名空间”等)的正确方法是什么？

1

//Company object
var Microsoft = {};

//Create an employee
Microsoft.employee = function(name) {
   this.name = name;
}

或

2

//Company object
Apple = {

   employee: function(name) {
      this.name = name;
   }

}

或者另一种方式？拍摄。

阅读有关原型(prototype)等的内容。正确的做法是什么？优点和缺点？

Answer 1

首先，您忘记了 Apple 的 var。但除此之外，这些基本上是相同的事情。

其次，在我的示例中，我不会使用属性 name，因为在处理函数时，name 默认情况下是空字符串。至少在 Node.js 和 Chrome 中是这样。所以我将使用 empName 来代替。

在 Microsoft 示例中，您将创建一个空对象，然后在事后向其添加属性。

在 Apple 示例中，您将立即使用该属性创建一个对象。

这实际上就是对您来说最有意义并且您更喜欢的。因为它们或多或少是等价的。

现在，这与原型(prototype)无关。以下是您所做操作的示例:

var Apple = { 
    employee: function(empName) {
        this.empName = empName;
    }
};

Apple.employee('Hank');
Apple.empName; // 'Hank'

以下是如何通过实例执行此操作(使用 new 运算符和 prototype)

var Apple = function() {}; // base 'parent'

Apple.prototype.employee = function(empName) {
    this.empName = empName
};

var a = new Apple();
a.employee('Hank');
a.empName; // 'Hank'
Apple.empName; // undefined

因此，prototype 用于向对象的新实例添加属性(宽松地使用“对象”)。请注意，要在 Apple 中访问 employee，在第二个示例中，您必须执行类似的操作

Apple.prototype.employee('Hank'); // doesn't really do much
Apple.empName; // undefined

// but you can call the employee prototype with a bound variable
// you'd do this if you don't want to make an instance of Apple
// but still want to use one of it's prototypes
var obj = {};
Apple.prototype.employee.call(obj, 'Hank');
obj.empName; // 'Hank'

// a practical use of accessing a prototype method is
// when wanting to convert a function's arguments
// to an array. function arguments are like an array,
// but until turned into one they are not completely the same
var func = function() {
    var args = Array.prototype.slice.call(arguments);
    var sum = 0;
    for(var i = 0, l = args.length; i < l; i++) {
        sum += args[i];
    }
    return sum;
};

func(1); // 1
func(1, 2, 3, 4, 5); // 15

希望有帮助。

编辑:此外，不要对对象进行原型(prototype)设计(例如 {} 或 Object)。这样做并不安全。由于本质上 JavaScript 中的每个变量都是一个对象，因此您添加到其中的任何原型(prototype)都将在所有变量上可用。因此，如果您执行了 Object.prototype.xyz = 12，然后执行了 var obj = { a: 1, b: 2, c: 3}，然后尝试 (obj 中的 var key) { console.log(key); } 您将生成以下日志:a、b、c 和 xyz .. .这是你不想要的。