JavaScript 规范编程笔记:对象

对象

没有对象我可以试着 new 一个
在其中我可以重载甚至覆盖任何一种方法
但是我却无法重载对你的思念
也许命中注定
你在我的世界里永远的烙上了静态的属性
而我不慎调用了爱你这个方法
当我义无返顾的把自己作为参数传进这个方法时
我才发现爱上你是一个死循环

JavaScript的简单类型包括数字、字符串、布尔值(true和false)、null值和undefined值,其他所有的值都是对象。在JavaScript中,数组是对象,函数是对象,正则表达式是对象,当然,对象自然也是对象。对象是属性的容器,其中每个属性都拥有名字和值。属性的名字可以是包括空字符串在内的任意字符串。属性值可以是除undefined值之外的任何值。

JavaScript包括一个原型链特性,允许对象继承另一个对象的属性。

1. 对象字面量

对象字面量提供了一种非常方便的创建新对象值得表示法。一个对象字面量就是包裹在一对花括号中的零或多个“名/值”对。

var empty_object = {};

var stooge = {
    "first-name": "Jerome",
    "last-name": "Howard"   
};

对象是可嵌套的。

var flight = {
    airline: "Oceanic",
    number: 815,
    departure: {
        IATA: "SYD",
        time: "2004-09-22",
        city: "Sydney"
    },
    arrival: {
        IATA: "LAX",
        time: "2004-09-23",
        city: "Los Angeles"
    }
};

2. 检索

要检索对象中包含的值,可以采用在[]后缀中括住一个字符串表达式的方式。如果字符串表达式是一个常数,也可以使用.表示法代替。

stooge["first-name"]   // "Joe"
flight.departure.IATA  // "SYD"

如果尝试检索一个并不存在的成员元素的值,将返回一个undefined值。

stooge["middle-name"]   // undefined
flight.status           // undefined

尝试检索一个undefined值将会导致TypeError异常。这可以通过&&运算符来避免错误。

flight.equipment    // undefined
flight.equipment.model // throw "TypeError"
flight.equipment && flight.equipment.model  // undefined

3. 引用

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

var x = stooge;
x.nickname = 'Curly';
var nick = stoogee.nickname;   // 'Curly'

var a = {}, b = {}, c = {};  // a、b和c每个都引用一个不同的空对象
a = b = c = {};  // a、b和c都应用同一个空对象

4. 原型

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

当你创建一个新对象时,你可以选择某个对象作为它的原型。如下我们将给Object增加一个beget方法,这个方法将创建一个使用原对象作为其原型的新对象。

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

var another_stooge = Object.beget(stooge);

如果我们尝试去获取对象的某个属性值,且该对象没有此属性名,那么JavaScript会试着从原型对象中获取属性值。如果哪个原型对象也没有该属性,那么再从它的原型中寻找,依次类推,直到该过程最后到达终点Object.prototype.如果想要的属性完全不存在于原型链中,那么结果就是undefined值。这个过程称为委托

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

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

5. 反射

检查对象并确定对象有什么属性是很容易的事情,只要试着去检索该属性并验证取得的值。typeof操作符对确定属性的类型很有帮助:

typeof flight.number    // 'number'
typeof flight.status    // 'string'
typeof flight.arrival   // 'object'
typeof flight.manifest  // 'undefined'

但是注意原型链中德任何属性也会产生一个值:

typeof flight.toString  // 'function'
typeof flight.constructor // 'function'

可以使用 hasOwnProperty 方法剔除这些不需要的属性:

flight.hasOwnProperty('number')       // true
flight.hasOwnProperty('constructor')  // false

6. 枚举

for in 语句可用来遍历一个对象中德所有属性名。并且遍历过程将会列出所有的属性——包括函数和你可能不关心的原型中德属性——所以有必要过滤掉那些不想要的值。

var name;
for (name in another_stooge) {
    if(typeof another_stooge[name] !== 'function') {
        document.writeln(name + ': ' + another_stooge[name]);
    }
}

属性名出现的顺序是不确定的,如果想要确保属性以特定的顺序出现,最好的方法就是完全避免使用 for in 语句,而是创建一个数组,在其中以正确的顺序包含属性名,通过使用 for 而不是 for in,可以得到我们想要的属性。

7. 删除

delete 运算符可以用来删除对象的属性。它将会移除对象中确定包含的属性。它不会触及原型中德任何对象。删除对象的属性可能会让来自原型中的属性浮现出来:

another_stooge.nickname // 'Moe'
// 删除 another_stooge 的 nickname 属性,从而暴露出原型的 nickname 属性
delete another_stooge.nickname;
another_stooge.nickname  // 'Curly'

8. 减少全局变量污染

最小化使用全局变量的一个方法是在你的应用中只创建唯一一个全局变量:

var MYAPP = {};

然后将此变量作为你的应用的容器:

MYAPP.stooge = {
    "first-name": "Joe",
    "last-name": "Howard"   
};

MYAPP.flight = {
    ....
}

失忆的感觉

失忆的感觉

失忆的感觉

如暮色中匆匆路人的脸庞

淡淡划过面前

却留不下一丝色彩

三杯的醉意

滞留着一个不羁的灵魂

只缘闻到了你的苦闷忧郁

痛苦烦躁无奈无解

抓住了缘分

也看不到结局

捕获了一颗心

却理不出周围的烦乱

倾心的结晶

变成了有力的罪证

最执着的信念

走进世俗中可笑的陷阱

也许这世俗的人间

只允许

破碎的身躯

失忆的灵魂

JavaScript 规范编程笔记:语法

JavaScript 语法

本节将简要介绍JavaScript的语法,并简要地概述其语言结构。

1. 注释

JavaScript提供了两种注释形式,一种是用/* */包围的块状注释,另一种是以//为开头的行注释。注释应该被充分用来提高程序的可读性。必须注意的是,注释一定要精确的描述代码。没有用的注释比没有注释更糟糕。

其中,块注释对于被注释的代码块来说是不安全的额。例如下面的代码将导致一个语法错误:

/*
    var rm_a = /a*/.match(s);
*/

因此应避免使用/* */注释,而用//注释代替它。

2. 标识符

JavaScript保留字列表:

breakdeletefunctionreturntypeof
casedoifswitchvar
catchelseinthisvoid
continuefalseinstanceofthrowwhile
debuggerfinallynewtruewith
defaultfornulltry 

JavaScript未来保留字(这些单词虽然现在没有用到JavaScript中,但将来有可能用到):

abstractdoublegotonativestatic
booleanenumimplementspackagesuper
byteexportimportprivatesynchronized
charextendsintprotectedthrows
classfinalinterfacepublictransient
constfloatlongshortvolatile

注意,其中不包括undefinedNaNInfinity等这些本应被保留的字。

3. 数字

JavaScript中只有一个单一的数字类型,它在内部被表示为64位的浮点数,和Java的double一样。因此11.0是相同的值。

指数表示法,如100可表示为1e2。负数可以用前缀运算符-来构成。值NaN是一个数值,它表示一个不能产生正常结果的运算结果。NaN不等于任何值,包括它自己。你可以使用函数isNaN(number)检测NaN。值Infinity表示所有大于1.79769313486231570e+308的值。JavaScript提供了一个对象Math,它包括一套作用于数字的方法。

4. 字符串

字符串字面量使用单引号或双引号包围,它可能包含0个或多个字符。\(反斜杠)是转义符。JavaScript在被创建的时候,Unicode是一个16位的字符集,因此JavaScript中德所有字符都是16位的。

字符串有一个length属性,例如"seven".length是5。字符串使用+运算符进行连接,此外JavaScript还为字符串提供了一些方法。

5. 语句

一个编译单元包含一组可执行的语句。在web浏览器中,每个<script>标签都提供一个被编译且立即执行的编译单元。因为缺少链接器,JavaScript把它们一起抛入一个公共的全局名字空间中。

代码块是包在一对花括号的一组语句。不像许多其他的语言,JavaScript中德代码块不会创建一个新的作用域,因此变量应该被定义在函数的顶端,而不是代码块中。

var语句被用在函数的内部时,它定义了这个函数的私有变量。

下面的值被当作假(false):

  • false
  • null
  • undefined
  • 空字符串 ''
  • 数字 0
  • 数字 NaN

其他所有的值都被当作真,包括true、字符串"false",以及所有的对象。

for in 语句会枚举一个对象的所有属性名(或键名),在每次循环中,对象的另一个属性名字符串被赋值给for和in之间的变量。通常你需要通过检测object.hasOwnProperty(variable)来确定这个属性名就是该对象的成员,还是从其原型链里找到的。

for(myvar in obj){
    if(obj.hasOwnProperty(myvar)){
        ...
    }
}

6. 表达式

最简单的表达式是字面量值(比如字符串或数字)、变量、内置的值(true、false、null、undefined、NaN和Infinity)、以new前导的调用表达式、以delete前导的属性存取表达式、包在圆括号中德表达式、以一个前缀运算符作为前导的表达式,或者表达式后面跟着:

  • 一个插入运算符与另一个表达式;
  • 三元运算符?后面跟着另一个表达式,然后接一个:,再然后接第三个表达式;
  • 一个函数调用;
  • 一个属性存取表达式。

函数调用引发函数的执行,函数调用运算符是跟随在函数名后面的一对圆括号。圆括号中可能包含将会传递给这个函数的参数。一个属性存取表达式用于指定一个对象或数组的属性或元素。

7. 字面量

对象字面量是一种方便指定新对象的表示法。属性名可以是标示符或字符串。这些名字被当作字面量名而不是变量名来对待,所以对象的属性名在编译时才能知道。属性的值就是表达式。

8. 函数

函数字面量定义了函数值,它可以有一个可选的名字,用于递归的调用自己。它可以指定一个参数列表,这些参数将作为变量由调用时传递的实际参数(arguments)初始化。函数的主体包括变量定义的语句。

JavaScript 规范编程:前言

JavaScript 规范编程

我一直努力去写高可维护性、高扩展性的JavaScript程序,但结果往往是令人沮丧的。从自己修改程序以及其他开发人员维护那些代码时的反馈来看,离高可维护性和高可扩展性还很远。JavaScript是一门令人惊讶的强大语言,它不按常规出牌,往往在其它编程语言那里获得的经验在它这里往往是走不通甚至是相反的。但是它又是一门轻量级的语言,在对这门语言没有太多了解,甚至对编程都没有太多了解的情况下,你也能用它来完成工作。它是一门拥有极强表达能力的语言。当你知道要做什么时,它甚至能表现得更好。然而,编程毕竟是很困难的事情,绝不应该在对此一无所知时便开始你的工作。

“JavaScript 规范编程” 的大部分内容来自Douglas Crockford所著的《JavaScript 语言精粹》,此书剥开了JavaScript玷污的外衣,抽离出一个具有更好可靠性、可读性和可维护性的JavaScript子集,让你看到一门优雅的、轻量级的和非常富有表现力的语言。这样精心抽离的子集不拿来作为之后开发的规范,岂不是暴殄天物。故此,我以“JavaScript 规范编程”将写一系列文章,也可以说是这本书的读书笔记吧。

人艰不拆

人艰不拆

人生已经如此艰难有些事就不要拆穿了。

Kai shi shi yu dao Douzi , Douzi shi ge mei nv, dan than wo big san sui

Ha , zhe ye shi hou lai cai zhi dao de

Bu guan zen yang wo xi huan Douzi , I mei xiang guo yao fang qi , zhi xiang rang myself tuo xie

Douzi said u fang qi ba wo bu guai u

I said no , because I love u , u are your , I am mine , u are mine , I am u ma ?

Douzi said qi shi I want love u

I said na jiu xing dong a , I love u too

Douzi shi ge hen sha de sha gua

Bie ren dou ba her mai le que hai zai wei bie ren shu money de na zhong

Like my sister , maybe

Zhen because that I cai na me want bao hu her

Douzi smell qi lai hen beautful

Eye shen hen chun qing

- 阅读剩余部分 -