使用函数创建Javascript对象

Question

var boxArea = function() { 
    this.width=2; 
}; 

alert(boxArea.width); 

美好的一天。为什么这会返回一个未定义的值？

Answer 1

因为您使用该语法创建了一个函数。你必须在函数（）前添加“new”关键字，使它与一个类的等价。

的jsfiddle演示：http://jsfiddle.net/dfUQu/

var boxArea = new function() { 
    this.width=2; 
}; 

alert(boxArea.width);​ 

Answer 2

经典的方式来创建一个JavaScript构造使用声明的函数：

function BoxArea(width) { 
    this.width = width; 
} 

按照惯例，构造具有开头大写字母的名字。然后创建一个实例：

var ba = new BoxArea(2); 

alert(ba.width); // 2 

对于这样一个简单的对象，你可以只是做：

var ba = {width: 2};