理解JavaScript中的对象 推荐
2024-05-06 14:25:46
供稿：网友
在JavaScript没有类的定义，创建对象时没有固定的模板，可以动态的创建新的属性和方法，在动态创建新属性的时候，我们能做的就是为这个属性创建新的值，下面一个例子就是创建一个对象并增加x,y两个属性。
代码如下:
var Programmer = new Object();
Programmer.name = "Young";
Programmer.age = 25;
alert(Programmer.name + " : " + Programmer.age);
JavaScript对象完全不同于c#或vb对象，JavaScript对象可以看成一组健/值对的集合，用对象.属性名来访问一个对象属性。我们可以把JavaScript对象看成.NET framework中Dictionary类，我们可以通过"[]"操作符来创建对象属性。
代码如下:
var Programmer = new Object();
Programmer["name"] = "Young";
Programmer["age"]= 25;
document.getElementById("message").innerHTML=Programmer["name"] + " : " + Programmer["age"];
alert(Programmer.name + " : " + Programmer.age); 通过上面的例子可以发现两种访问对象的方法是一样的。如果一个属性没有创建，将返回"undefined"。
我们同样可以将函数添加为健/值对集合的值，这样就构建为对象的方法，
代码如下:
var Programmer = new Object();
Programmer["name"] = "Young";
Programmer.age= 25;
Programmer.speak=function(){
alert(this.name + " : " + this["age"]);
}
Programmer.speak();
在上面的代码中我们交替使用"."和"[]"来定义可访问属性、方法，者=这两种方法的一样的，有时这些操作符会导致一些概念上的混淆，在为一个已经存在的属性设置新值是表达的不是很清晰，下面我们介绍第三种语法可以更加明确的表达我们的意图。
代码如下:
var Programmer =
{
name : "Young",
age : 25,
speak : function(){ alert(this.name + " : " + this.age); }
}
Programmer.speak(); 上面的代码更加清晰的表达了对象初始化的开始和结束，我们还可以用这种方法在独享中嵌套对象。 var Programmer =
{
Figure : {name : "Young" , age : 25 },
Company : {name : " Arcadia" , address : "ShenZheng"},
speak : function(){
alert("name:"+this.Figure.name+"/nage:"+this.Figure.age + "/nCompany:"+this.Company.name+" of
"+this.Company.address);
}
};
Programmer.speak();
这种语法因为其清晰的意图和紧凑的代码格局而非常流行，你可以在各种流行的JavaScript frameworks中看到，包括目前在互联网上流行的JavaScript Object Notation（JSON），JSON是一种轻量级的数据交换格式，同时也易于机器解析和生成，语法也非常严格。JSON允许JavaScript在互联网上交换数据，我们可以用eval将JSON对象转化为本地JavaScript对象。
代码如下:
var Programmer="({name: 'Young',age : 25})";
var p = eval(Programmer);
alert(p.name + ',' + p.age);
通过上面的讨论我们知道了明白了所有的JavaScript对象都是一组字典。在JavaScript中还有另外一个重要的东西——函数。
