日期:2014-05-16  浏览次数:20342 次

javascript语言精粹读书笔记——第三章对象(一)

检索:

代码样例:

var stooge = {
"first-name":"Jerome",
"lastname":"Howard"
}
document.writeln(stooge["first-name"]);
document.writeln(stooge.lastname);

?

如果对象属性名是合法的javascript标识符,可以用 ‘对象.属性名’ 表示法

否则用‘对象["属性名"]’表示法

?

||和&&的作用

||可以用来填充默认值

var middle = stooge["middle-name"]||"(none)";    //(none)

?尝试从undefined的成员属性中取值将会导致TypeError异常。这时通过&&来避免错误

document.writeln(stooge["middle-name"]);    //undefined

?

document.writeln(stooge["middle-name"].model); //TypeError: stooge['middle-name'] is undefined

?

document.writeln(stooge["middle-name"]&&stooge["middle-name"].model);    //undefined

?更新:

对象里的值可以通过赋值语句来更新,如果属性值已存在,它被替换掉

如果之前没有那个属性名,该属性被扩充到对象中

stooge.middlename = "Lily";    //middlename属性被扩充到stooge对象
stooge.lastname = "Harry";    //lastname的值变为Harry

?引用:

对象通过引用来传递,它们永远不会被复制:

var x = stooge;
x.middlename = "change";
document.writeln(stooge.middlename);    //change

?原型:

每个对象都连接到一个原型对象,并且它可以从中继承属性。所有通过对象字面量创建的对象都连接到Object.prototype,它是javascript的标配对象。

当你创建一个新对象,你可以选择某个对象作为它的原型。我们将给Object增加一个create方法,来实现创建一个使用原对象作为其原型的新对象。

if(typeof Object.beget !== 'function'){
	Object.create = function(o){
		var F = function(){};
		F.prototype = o;
		return new F();
	}
} 

?一个使用例子:

var another_stooge = Object.create(stooge);
document.writeln(another_stooge["first-name"]);   //Jerome

委托:

原型连接只有在检索时才会被用到。如果我们尝试去获取对象的属性值,但该对象没有此属性名,那么javascript会尝试从原型对象获取此属性值,如果该原型对象也没有,那么再从它的原型中寻找,依次类推,知道达到终点Object.prototype,如果想要的属性完全不在原型链中,那么结果返回undefined。这个过程为委托。

原型关系是一种动态的关系,如果我们添加了一个属性到原型中,该属性立即对所有基于该原型创建的对象可见。

stooge.professin = 'actor'
another_stooge.profession    //actor

?原型连接在更新时不起作用:

another_stooge.profession = 'actress';
stooge.profession    //actor

?反射:

typeof 操作符对确定属性很有帮助

typeof stooge.constructor    //function
typeof stooge.manifest    //undefined

?有两种方法处理掉不需要的属性。第一个是让程序做检查丢弃值为函数的属性。

另一种方式是使用hasOwnProperty方法,如果对象拥有独有属性返回true。

枚举:

for in语句可以遍历一个对象的所有属性,包括函数,和我们可能不关心的原型属性。有必要进行过滤

stooge.func:function(){alert('hi')};
for(values in stooge){
if(typeof stooge[values]!== 'function'){
	document.writeln(values+':'+stooge[values]);
	}
}
//lastname:Harry
//middlename:change
//profession:actor

?属性名的顺序是不确定的,为了确保属性以特定的顺序出现,就要避免使用for in,创建一个数组,使用for

var properties = ['first-name','middlename','lastname','profession'];
for(i=0;i<properties.length;i++){
document.writeln(properties[i]+':'+stooge[properties[i]]);
}
//first-n