摘要：看下面一個(gè)例子優(yōu)點(diǎn)使用構(gòu)造器函數(shù)的好處在于，它可以在創(chuàng)建對(duì)象時(shí)接收一些參數(shù)。按照慣例，構(gòu)造函數(shù)的函數(shù)名應(yīng)始終以一個(gè)大寫(xiě)字母開(kāi)頭，以區(qū)分普通函數(shù)。返回該對(duì)象的源代碼。使您有能力向?qū)ο筇砑訉傩院头椒ā?/p>

ECMA關(guān)于對(duì)象的定義是：”無(wú)序?qū)傩缘募希鋵傩钥梢园局?、?duì)象或者函數(shù)?！皩?duì)象的每個(gè)屬性或方法都有一個(gè)名字，而每個(gè)名字都映射到一個(gè)值。

在現(xiàn)實(shí)生活中，相似的對(duì)象之間往往都有一些共同的組成特征。類(lèi)，實(shí)際上是對(duì)象的設(shè)計(jì)藍(lán)圖或者制作配方。我們能基于相同的類(lèi)創(chuàng)建出許多不同的對(duì)象，這些對(duì)象又會(huì)含有各自的屬性和方法。

封裝主要用于闡述對(duì)象中所包含（或封裝的內(nèi)容），它通常由兩部分組成：

相關(guān)的數(shù)據(jù)（用于存儲(chǔ)屬性）

基于這些數(shù)據(jù)所能做的事（所能調(diào)用的方法）

我們可以通過(guò)對(duì)象直接量、new關(guān)鍵字和object.create()函數(shù)來(lái)創(chuàng)建。

創(chuàng)建對(duì)象最簡(jiǎn)單的方法就是在js中使用對(duì)象直接量，它是由若干名/值對(duì)組成的映射表，名/值對(duì)中間用冒號(hào)分隔，多個(gè)名/值對(duì)用逗號(hào)分隔。整個(gè)映射表用花括號(hào)（{}）括起來(lái)。

var empty = {};//沒(méi)有任何屬性的對(duì)象
var fruits = {apple:big , orange:yellow};

var company = {
    CEO : "Tim Cook",//屬性名字里有空格，必須用字符串表示
    Designer:"Ive";
    "for":"all audiences",//"for"是保留字，必須用引號(hào)
    employees:{
        firstname:"David",    //這里的屬性名都沒(méi)有引號(hào)
        lastname:"fill"    //這個(gè)屬性的值是一個(gè)對(duì)象
    }
};

對(duì)象里還可以嵌套對(duì)象（company里嵌套了employees對(duì)象）

關(guān)鍵字new后面跟隨一個(gè)函數(shù)調(diào)用，這個(gè)函數(shù)稱(chēng)為構(gòu)造函數(shù)（constructor），javascript語(yǔ)言核心的原始類(lèi)型都包含內(nèi)置的構(gòu)造函數(shù)。

js原型->參照：javascript學(xué)習(xí)總結(jié)（五）原型和原型鏈詳解

由于ECMAScript中無(wú)法創(chuàng)建類(lèi)，因此，開(kāi)發(fā)人員發(fā)明了一種函數(shù)，用函數(shù)來(lái)封裝以特定接口創(chuàng)建對(duì)象的細(xì)節(jié)：

什么時(shí)候使用工廠(chǎng)模式?

以下幾種情景下工廠(chǎng)模式特別有用：

對(duì)象的構(gòu)建十分復(fù)雜
需要依賴(lài)具體環(huán)境創(chuàng)建不同實(shí)例
處理大量具有相同屬性的小對(duì)象

說(shuō)到數(shù)組，我們常說(shuō)其中包含的是元素，而當(dāng)說(shuō)到對(duì)象的時(shí)候，我們常會(huì)說(shuō)其中包含的是屬性。另外，對(duì)象的屬性也可以是一個(gè)函數(shù)，因?yàn)楹瘮?shù)本身也是一種數(shù)據(jù)，在這種情況下，我們會(huì)稱(chēng)該屬性為方法：

注：

 1. 盡量使用點(diǎn)號(hào)表示法來(lái)訪(fǎng)問(wèn)對(duì)象的屬性和方法。
 2. 不要在對(duì)象中使用帶引號(hào)的屬性標(biāo)示。

另外，我們還可以使用構(gòu)造器函數(shù)的方式來(lái)創(chuàng)建對(duì)象?？聪旅嬉粋€(gè)例子：

使用構(gòu)造器函數(shù)的好處在于，它可以在創(chuàng)建對(duì)象時(shí)接收一些參數(shù)。按照慣例，構(gòu)造函數(shù)的函數(shù)名應(yīng)始終以一個(gè)大寫(xiě)字母開(kāi)頭，以區(qū)分普通函數(shù)。

構(gòu)造函數(shù)與普通函數(shù)的區(qū)別在于調(diào)用的方式不同，任何函數(shù)，只要通過(guò)new操作符來(lái)調(diào)用，那它就可以作為構(gòu)造函數(shù)。

使用構(gòu)造函數(shù)的主要問(wèn)題是，每個(gè)方法都要在每個(gè)實(shí)例上重新創(chuàng)建一遍。

擴(kuò)展閱讀：javascript學(xué)習(xí)總結(jié)（五）原型和原型鏈詳解

事實(shí)上，程序所在的宿主環(huán)境一般都會(huì)為其提供一個(gè)全局對(duì)象，而所謂的全局變量其實(shí)都只不過(guò)是該對(duì)象的屬性罷了。

例如，當(dāng)程序所在的宿主環(huán)境是web瀏覽器時(shí)，它所提供的全局對(duì)象就是window了。

內(nèi)建對(duì)象大致分為三組：

數(shù)據(jù)封裝類(lèi)對(duì)象——包括Object、Array、Boolean、Number和String。這些對(duì)象代表著javascript中不同的數(shù)據(jù)類(lèi)型，并且都擁有各自不同的typeof返回值，以及undefined和null狀態(tài)

工具類(lèi)對(duì)象——包括Math、Date、RegExp等用于提供遍歷的對(duì)象

錯(cuò)誤類(lèi)對(duì)象——包括一般性錯(cuò)誤對(duì)象及其它各種更特殊的錯(cuò)誤類(lèi)對(duì)象

Object是js中所有對(duì)象的父級(jí)對(duì)象，這意味著我們創(chuàng)建的所有對(duì)象都繼承于此。

所謂的空對(duì)象實(shí)際上并不是完全無(wú)用的，它還是包含了一些屬性和方法的：

返回構(gòu)造器函數(shù)的構(gòu)造器屬性

返回對(duì)象描述字符串的toString()方法

返回對(duì)象單值描述信息的valueOf()方法

例如：

var o = new Object();
o.toString();//[object Object]

Array()是一個(gè)用來(lái)構(gòu)建數(shù)組的內(nèi)建構(gòu)造器函數(shù)。數(shù)組主要由如下三種創(chuàng)建方式：

array = new Array()
array = new Array([size])
array = new Array(element0, element1, ..., elementN)

Array 對(duì)象方法
方法                    描述

concat()     連接兩個(gè)或更多的數(shù)組，并返回結(jié)果。
join()       把數(shù)組的所有元素放入一個(gè)字符串。元素通過(guò)指定的分隔符進(jìn)行分隔。
pop()         刪除并返回?cái)?shù)組的最后一個(gè)元素
push()         向數(shù)組的末尾添加一個(gè)或更多元素，并返回新的長(zhǎng)度。
reverse()     顛倒數(shù)組中元素的順序。
shift()     刪除并返回?cái)?shù)組的第一個(gè)元素
slice()     從某個(gè)已有的數(shù)組返回選定的元素
sort()         對(duì)數(shù)組的元素進(jìn)行排序
splice()     刪除元素，并向數(shù)組添加新元素。
toSource()     返回該對(duì)象的源代碼。
toString()     把數(shù)組轉(zhuǎn)換為字符串，并返回結(jié)果。
toLocaleString()     把數(shù)組轉(zhuǎn)換為本地?cái)?shù)組，并返回結(jié)果。
unshift()     向數(shù)組的開(kāi)頭添加一個(gè)或更多元素，并返回新的長(zhǎng)度。
valueOf()     返回?cái)?shù)組對(duì)象的原始值

concat()方法：合并數(shù)組

[1,2]concat([3,4],[5,6]);//[1,2,3,4,5,6]

join()方法：

pop()方法：移除數(shù)組最后一個(gè)元素，并將其返回

shift()方法：刪除并返回?cái)?shù)組的第一個(gè)元素。

slice(start,end)方法：截取數(shù)組的某一部分，不會(huì)對(duì)原數(shù)組進(jìn)行任何修改

splice(start,delete_count,i1,i2…)方法：刪除數(shù)組元素的同時(shí)添加新的元素。i1,i2為要插入的新元素

Array對(duì)象屬性
屬性                 描述
constructor     返回對(duì)創(chuàng)建此對(duì)象的數(shù)組函數(shù)的引用。
length             設(shè)置或返回?cái)?shù)組中元素的數(shù)目。
prototype         使您有能力向?qū)ο筇砑訉傩院头椒ā?

window對(duì)象是BOM的頂層(核心)對(duì)象，所有對(duì)象都是通過(guò)它延伸出來(lái)的，也可以稱(chēng)為window的子對(duì)象

有關(guān)BOM和DOM的討論，詳見(jiàn)我這篇文章：javascript學(xué)習(xí)總結(jié)（三）BOM和DOM詳解

有關(guān)函數(shù)部分的討論，詳見(jiàn)我這篇文章：javascript學(xué)習(xí)總結(jié)（四）function函數(shù)部分

這里討論下幾個(gè)js的內(nèi)建函數(shù)：

parseInt() 函數(shù)可解析一個(gè)字符串，并返回一個(gè)整數(shù)。

parseInt(string, radix)

radix:進(jìn)制基數(shù)，其默認(rèn)值是10（即十進(jìn)制）。

parseInt("10e+3");//10
parseInt("FF");//NaN
parseInt("FF",16)//255

parseFloat():將接受的參數(shù)轉(zhuǎn)換成浮點(diǎn)值并返回。

parseFloat("123.456t");//123.456

isNaN()：該函數(shù)是“is Not a Number”的縮寫(xiě)，用于判斷其參數(shù)是否是一個(gè)有效數(shù)字，如果是就返回true，否則返回false。

補(bǔ)充：

自執(zhí)行函數(shù)：保證全局命名空間不被污染的模式。通過(guò)把代碼裝在一個(gè)匿名函數(shù)中并立刻自行調(diào)用。如此一來(lái)，該函數(shù)中的所有變量都是局部的（假設(shè)使用了var關(guān)鍵字）。

（function(){
    //code
})();//最后一個(gè)圓括號(hào)用于執(zhí)行

有關(guān)這部分，也可參加我的另一篇文章：詳解js閉包

詳見(jiàn)：javascript學(xué)習(xí)總結(jié)（六）數(shù)據(jù)類(lèi)型和JSON格式

style.display = ""；是清除`display`樣式，`display`將使用默認(rèn)值（塊元素會(huì)變成block，內(nèi)聯(lián)元素會(huì)變成inline）
style.display="none"； 中“none”是一個(gè)值，表示元素將隱藏