`
liuxiaoxi1201
  • 浏览: 4442 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

    博客分类:
  • js
阅读更多

检索:

代码样例:

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-name:Jerome
//middlename:change
//lastname:Harry
//profession:actor

 删除:

delete运算符可以用来删除对象的属性。如果对象包含此属性,该属性就会被移除,它不会触及原型链的任何对象,删除对象的属性可能让来自原型链的属性显露出来

delete another_stooge.profession
document.writeln(another_stooge.profession);
//actor为stooge的属性值

 怎样减少全局变量的污染:

为你的应用只创建一个唯一的全局变量

var MYAPP = {};

 该变量变为容器

添加变量的方式

MYAPP.stooge = {
    "first-name":"joe",
    "lastname":"Howard"
};

只要把全局性的资源都纳入一个名称空间之下,你的程序与其他应用程序、组件或类库之间发生冲突的可能性会显著降低。

在函数中使用闭包来进行信息隐藏也是减少全局污染的方法

 

 

 

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics