《javascript语言精粹》读书笔记 Item2 对象
2015-10-25 10:51
459 查看
第三章 对象
JavaScript的简单数据类型包括数字、字符串、布尔值(true和false)、null值和undefined值。其他数字、字符串和布尔值“貌似”对象,因为它们拥有方法,但它们是不可变的。JavaScript中的对象是可
变的键控集合(keyed collections)。
对象是属性的容器,其中每个属性都拥有名字和值。属性的名字可以是包括空字符串在内的任意字符
串。属性值可以是除undefined值之外的任何值。
javascript包含一个原型链特性,允许对象继承另一对象的属性。正确的使用它能减少对象初始化的时间和内存消耗。
3.1 对象字面量
属性名可以是包含空字符串在内的任何字符串;属性值,合法的不强制性加引号first_name,不合法的要加引号“first-name”.
var person={ "name":"John", "age":18, "wife":{ "name":"Lucy", "agen":22 } }
3.2 检索
点.表示法或[]表示法。优先考虑使用.表示法,因为它更紧凑且可读性更好。如:
person.name; person["name"];
|| 运算符可以用来填充默认值:
var status = flight.status || "unknow";
尝试从undefined的成员属性中取值将会导致TypeError异常。可以通过&&运算符来避免错误。
flight.equipment // undefined flight.equipment.model // throw "TypeError" flight.equipment && flight.equipment.model // undefined
3.3 更新
对象中的值可以赋值更新,如果已有属性,那么属性值被替换;若没有属性,则该属性会被扩充到对象中。
3.4 引用
对象通过引用传递,他们永远不会被拷贝。(传递的仅仅是地址)
var x = stooge; x.nickname = 'Curly'; var nick = stooge.nickname; // 因为x和stooge是指向同一个对象的引用,所以nick为'Curly' var a = {}, b = {}, c = {}; // a、b和c每个都引用一个不同的空对象 a = b = c = {}; // a、b和c都引用同一个空对象
3.5 原型
(1)每个对象都连接到一个原型对象–Object.prototype这个标准对象。
(2)原型连接在更新时是不起作用的,当我们改变某个对象的属性值时,不会触及到对象的原型。(只针对于实例属性的修改,对于原型上的引用类型会改变对象的原型)
(3)原型链只有在检索值的时候用到,当尝试获取某个对象的属性值时,会沿着他的原型链从下到上依次找,直到Object.prototype,如果Object.prototype依然没有该属性,则返回undefined。这个过程称为委托。
(4)原型关系是一种动态的关系,如果添加一个新的属性到原型中,该属性会立即对所有基于该原型创建的所有对象可见。
3.6 反射
(1)typeof操作符用于确定属性的类型。
(2)hasOwnProperty对象是否拥有独立的属性,他不会检测原型链上的。
person.hasOwnProperty("name");//true person.hasOwnProperty("c");//false
3.7 枚举
(1)for in语句会遍历对象的所有属性,包括原型链上的属性。可以用typeof和hasOwnPropery过滤。
(2)使用for in枚举一个对象中的所有属性名时,属性名出现的顺序是不确定的。如果想要确保属性以特
定的顺序出现,最好的办法就是完全避免使用for in语句,而是创建一个数组,在其中以正确的顺序
包含属性名。通过使用for而不是for in,可以得到我们想要的属性。
3.8 删除
delete操作符会删除对象的属性,但不会触及原型链上的属性。
3.9 减少全局变量污染
最小化使用全局变量的一个方法是你的应用中只创建唯一一个全局变量。
var MYAPP={}; MYAPP.stooge={ "first-name":"Joe", "last-name":"Howard" } MYAPP.person={ "name":"John", "age":18, "wife":{ "name":"Lucy", "agen":22 } }
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- Python动态类型的学习---引用的理解
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 只需十分钟,结果大不同 |《深度思考》
- 2019年开发人员应该学习的8个JavaScript框架
- 《洋葱阅读法》读书笔记
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- IE8开发人员工具教程(二)
- Mootools 1.2教程 函数
- autoit InputBox 函数