JavaScript入门之对象与JSON详解(3)

function point(left, top){
this.left = left;
this.top = top;
//handle the left and top
return {x: this.left, y:this.top};
}


直接动态的构建一个新的匿名对象返回即可:

复制代码 代码如下:

var pos = point(3, 4);
//pos.x = 3;
//pos.y = 4;


使用JSON返回对象,这个对象可以有任意复杂的结构,甚至可以包括函数对象。

在实际的编程中,我们通常需要遍历一个JavaScript对象,事先我们对对象的内容一无所知。怎么做呢?JavaScript提供了for..in形式的语法糖:

复制代码 代码如下:

for(var item in json){
//item为键
//json[item]为值
}


这种模式十分有用,比如,在实际的WEB应用中,对一个页面元素需要设置一些属性,这些属性是事先不知道的,比如:

复制代码 代码如下:

var style = {
border:"1px solid #ccc",
color:"blue"
};


然后,我们给一个DOM元素动态的添加这些属性:

复制代码 代码如下:

for(var item in style){
//使用jQuery的选择器
$("div#element").css(item, style[item]);
}


当然,jQuery有更好的办法来做这样一件事,这里只是举例子,应该注意的是,我们在给$("div#element")添加属性的时候,我们对style的结构是不清楚的。

另外比如我们需要收集一些用户的自定义设置,也可以通过公开一个JSON对象,用户将需要设置的内容填入这个JSON,然后我们的程序对其进行处理。

复制代码 代码如下:

function customize(options){
this.settings = $.extend(default, options);
}

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdjxgd.html