摘要：題外話最近在看高級程序設(shè)計這本書，面對著多頁的厚書籍，心里有點壓力，所以我決定梳理一下。。全局環(huán)境的關(guān)閉是頁面關(guān)閉或者瀏覽器關(guān)閉，而局部環(huán)境的關(guān)閉是指函數(shù)結(jié)束。數(shù)值范圍最大和最小的范圍是超出范圍的數(shù)字如何表示是一個特殊的值。

最近在看《JavaScript高級程序設(shè)計》這本書，面對著700多頁的厚書籍，心里有點壓力，所以我決定梳理一下。。探究一下到底怎么讀這本書。本書的內(nèi)容好像只有到ES5。。。所以只能以后慢慢加了。。。

這一系列文章主要圍繞：

如何閱讀《JavaScript...》

全書的脈絡(luò)是什么？

預(yù)備知識：像我這種小白，有時真的看的是一臉糊涂。

還沒想好，，，

在看書之前，先大體看一下目錄，將全書劃分一下，對每一個有大體的了解?？煞譃椋?/p>

（1-2章） ：可以通俗的認(rèn)為講故事和環(huán)境搭建。

（3-7章） ：javaScript基本語法和思想。

（8-9章） ：BOM（瀏覽器對象模型）

（10-14章）：使用DOM與html進行交互

（15-16章）：復(fù)雜的效果實現(xiàn)。

（17章） ：錯誤處理

（18-19章）：javaScript與XML基礎(chǔ)

（20-21章）：服務(wù)器相關(guān)（JSON，Ajax，comet等等）

（22章）：高級技巧

（23章）：離線技術(shù)

（24章）：實踐環(huán)節(jié)

（25章）：新興API

把握重點

因為語法是個死的東西，所以在我看來,前面5章的內(nèi)容是基礎(chǔ)中的基礎(chǔ)，而后面的6-7章的內(nèi)容則是傳達的一種思想-面向?qū)ο?。所以在學(xué)習(xí)的時候，先把握重點。

好了現(xiàn)在進入正題，現(xiàn)在可以打開書的第一章了，然后看完下面的預(yù)備知識，再看書。

預(yù)備知識:

Netscape Navigator是一個瀏覽器，瀏覽器?。?！以下簡稱NN瀏覽器。

總結(jié)梳理

Netscape我們叫他網(wǎng)基公司，它有一個瀏覽器NN瀏覽器

NN快要發(fā)布到2代的時候，網(wǎng)基覺得自己牛逼了，所以想要解決表單驗證的煩惱。

網(wǎng)基就加班加點開始開發(fā)這個腳本語言

在命名的時候，為了火，我們叫他蹭熱度，改名成了JavaScript

這個熱度蹭的可太好了，很成功，很火，微軟老大哥一看，這不行啊，老子的IE瀏覽器不能輸！IE就抄了一手，為了版權(quán)的問題，那就改名字吧，就叫Jscript

兩家發(fā)展越來越壯大，web越來越重要，兩家的Javascript版本也會越來越分歧，so某某協(xié)會開始了標(biāo)準(zhǔn)化，這個標(biāo)準(zhǔn)就叫做ECMAScript。

由你所見，他作為標(biāo)準(zhǔn)，并不規(guī)定運行環(huán)境，只是規(guī)定了語法，類型，語句，關(guān)鍵字，保留字，操作符，對象。

目前已經(jīng)到第八個版本，ES8（簡寫），但是本書寫到了ECS5，，，，長路漫漫。。。。

關(guān)于版本的更新問題，有人做了一張圖，拿來了，不知道有沒有問題。

關(guān)注的重點

這里面有一個重要的知識就是MIME類型，在后面會遇到，如果忘了的話，會看的很糊涂。
MIME類型：編寫代碼使用的腳本語言的內(nèi)容類型 可以是text/html 也可以是text/javascript

總結(jié)梳理

如何在瀏覽器中使用JavaScript呢？需要用到HTML。所以就引出了幾個問題

怎么嵌套到HTML中？在HTML的位置有何不同？不同的位置對與執(zhí)行情況有何不同？不同的文檔怎么引入？屬性有哪些？哪些是可選屬性，哪些是必須屬性？

如何執(zhí)行？執(zhí)行順序？

按照這個內(nèi)容自己想一下，在書中都可以找到答案。

和c java語言有很多相似之處，所以在這里就重點說一下不同之處。

1. 松散類型

var message; var message = 16; message = "hello";也就是一個變量能夠存所有的類型。甚至我們都可以不用加var 像這樣定義就會直接創(chuàng)建全局變量message = 16(因為有了window對象，所以實際是window.message = 16")。

2. 沒有塊級作用域

不像其他語言{}內(nèi)容里面的都是塊級作用域，而在JavaScript中是沒有這一說的。它的作用域法則是不一樣的。

在JavaScript中，把這個東西叫做，執(zhí)行環(huán)境。注意，執(zhí)行環(huán)境只分為兩種全局執(zhí)行環(huán)境（除函數(shù)之外的環(huán)境）和局部執(zhí)行環(huán)境（只有函數(shù)內(nèi)部的區(qū)域是局部的。）每個執(zhí)行環(huán)境都有一個與之相關(guān)聯(lián)的變量對象（所有的變量與函數(shù)保存在里面）
對于全局執(zhí)行環(huán)境來說，對象就是window對象，而對于局部（函數(shù)）環(huán)境來說，稱為活動對象（最開始至包含arguments對象）

環(huán)境結(jié)束就會銷毀，其里面的變量，函數(shù)。全局環(huán)境的關(guān)閉是頁面關(guān)閉或者瀏覽器關(guān)閉，而局部環(huán)境的關(guān)閉是指函數(shù)結(jié)束。

因為這個道理就可以在函數(shù)內(nèi)部建立相同的變量。（兩個對象不同）

其查詢標(biāo)識符是從下道上的一個過程，例如下面的代碼：

var color = "blue";

function getColor() {
    var color = "red";
    return color;
}

alert(getColor()); //"red"

搜索的過程就是先搜索getColor()的變量對象，是否包含color，是就結(jié)束，否就找下一個變量對象（此例子中是全局對象即window對象），都找不到的話就返回undefined

3.[]表示法

和其他語言不同，在javaScript中[]不止用在數(shù)組中，它還可以用在對象上面。如我們現(xiàn)在建立一個名為dog的對象，如果我們想要訪問name屬性，那么可以這么寫：dog["name"]，【注意】屬性是以字符串的形式的。

看完了不同之處，最難理解的東西就已經(jīng)掌握了，其他的就是一些細(xì)小的東西了，只需要按照一定的邏輯背一下熟悉熟悉，多練多實踐，我就覺得夠了，這也是筆者的看法。

學(xué)習(xí)的脈絡(luò)就是根據(jù)不同的類型開始逐一熟悉。

1.數(shù)據(jù)類型

注意數(shù)據(jù)類型指的是數(shù)據(jù)的類型。
分為五種基本類型，和一種復(fù)雜類型。
五種基本類型：Undefined,Null,Boolean,Number,String
一種復(fù)雜類型：Object.

提到這個就很自然的想到，既然是松散類型的，該怎么檢測給定變量的數(shù)據(jù)類型呢？
答案是typeof操作符，注意是操作符。

他返回的是："undefined" "string""number" "boolean" "object" "function"

用法：typeof 變量或typeof(變量）

2.Undefined類型

Undefined類型我把它理解為未被定義過的類型，是一個undefined值，
這有兩種情況：

定義了一個變量，但沒有初始化。

未定義一個變量。

體會一下兩個的區(qū)別：

alert(message);//會顯示錯誤信息
alert(typeof message);//"undefined"值

3.Null

Null類型只有一個null值的類型。null值是一個空對象指針，所以typeof null返回的是"object"

而undefined就是由null值派生出來的。

所以undefined == null返回的是true

4.Number類型

轉(zhuǎn)換問題：

這是一個很清晰的脈絡(luò)，對于不同類型的值怎么轉(zhuǎn)換是一個很大的問題。
所以方法有Number()、parseInt()、parseFloat().
不同方法的規(guī)則是什么？

整數(shù)類型：

十進制的表示，八進制的表示，以及16進制的表示。

浮點數(shù)類型：
自動轉(zhuǎn)換整數(shù)的特點，e表示法。

數(shù)值范圍：
最大和最小的范圍是？超出范圍的數(shù)字如何表示？

NaN：
NaN是一個特殊的值。有兩個特點

涉及任何NaN的操作都返回NaN

與任何值都不想等，包括本身NaN

5.String類型：

Unicode字符組成的字符串。

轉(zhuǎn)換問題

同樣是轉(zhuǎn)換問題，這一個脈絡(luò)還是很清晰。
String(),toString()方法。它們分別轉(zhuǎn)換的規(guī)則是什么？對于數(shù)值型的轉(zhuǎn)換有沒有什么不一樣的地方？對于null和undifined呢？

6.引用類型

為什么會多出一個引用類型呢？所謂引用類型實際是一個數(shù)據(jù)結(jié)構(gòu)，是描述一類對象的屬性和方法。和“類”相似。它與對象是什么關(guān)系呢？對象是某一個引用類型的實例。

在上面說的一種復(fù)雜數(shù)據(jù)類型Object就是指的是引用類型，是一種大的概念。

如何學(xué)習(xí)這里面的內(nèi)容呢？由于對象就是一系列的屬性和方法，所以重點是常用的屬性和方法，而這一點也沒有什么難度，無非就是熟練的過程。還是多練。

引用類型的創(chuàng)建

new標(biāo)識符。如 var message = new Object(); var item = new Array();

以下列出幾種重要的引用類型，對于方法和屬性的細(xì)節(jié)，暫時拋棄。
1） Object類型
對于Object的創(chuàng)建除了new 還有 字面量，即：

var message = {
    name : helo,
    color : red,
    
    ...
    
}

【注意】在使用字面量的時候，是不調(diào)用構(gòu)造方法的。

2）Array類型
同樣的創(chuàng)建一個Array的對象也有不同的方法：
例如：
var colors = new Array(2);//數(shù)組的長度為2.
var colors = ["red","blue","green"];//用[]來創(chuàng)建一個特定的數(shù)組

當(dāng)然JavaScript中的數(shù)組更加神童廣大，最大的區(qū)別就是：數(shù)組長度可變。

相關(guān)的方法，請具體查閱書籍。

3）Date類型
4）RegExp類型
5）Function類型
這里要提一下了，在Javascript中，每個函數(shù)都是Function類型的實例，也可以說是對象。
所以可以這么寫代碼：var sum = new Function("num1","num2","return num1 + num2");
但是不建議。

另外兩種定義一個函數(shù)的方法是：function sum (num1,num2) {...}//函數(shù)聲明 var sum = function(num1,num2){...}//函數(shù)初始化

這兩種定義的方式是有區(qū)別的，
【函數(shù)聲明】：在代碼執(zhí)行之前，解析器讀取并將函數(shù)聲明添加到執(zhí)行環(huán)境中去。所以以下代碼是沒有問題的。

alert(sum(10,10));
function sum(num1,num2){
    return num1 + num2;
}

【函數(shù)自定義】：則是在執(zhí)行到函數(shù)之前，是不會保存的。所以以下代碼會出現(xiàn)“unexpected identifier”錯誤

alert(sum(10,10));
var sum = function(num1,mum2) {
    return num1 + num2;
};

另一個方面既然函數(shù)是對象的話，函數(shù)名是指針變量，那么就可以把這個函數(shù)變量，當(dāng)作參數(shù)，傳遞給另一個函數(shù)。

同時它還應(yīng)該有屬性和方法。具體有哪些屬性自己回憶或查閱。

在這里重點提一下 prototype屬性，對于引用類型而言，prototype是保存他們所有實例方法的真正所在。（后面會更加詳細(xì)的講解。）

6）基本包裝類型

為了便于操作基本類型，又創(chuàng)建出了特殊的引用類型，Boolean、Number、String。

實際上讀取一個基本類型，他就會自動的創(chuàng)建各自的實例,執(zhí)行相關(guān)操作，然后就會銷毀
如：

var s1 = "some text";
var s2 = s1.substring(2);

下面的代碼就體現(xiàn)了銷毀過程

var s1 = "some text";//在內(nèi)部的過程
s1.color = "red";
alert(s1.color);

在第一行代碼中，創(chuàng)建了一個實例，創(chuàng)建了字符串，隨之銷毀，第二行又重新創(chuàng)建了一個實例，附上red后，銷毀，在第三行中在執(zhí)行中，又創(chuàng)建了一個實例，此時實例的屬性是undefined。

同時Object構(gòu)造函數(shù)也具有這個功能。
如：

var obj = new Object("some text");//自動返回基本包裝類型的實例
alert（obj instanceof String）;//true

三種各自的包裝類型詳細(xì)方法自己回憶。

7）單體內(nèi)置對象

這些書有一大特點，就是里面的名詞真的讓你心驚膽戰(zhàn)，明明很簡單的事情，非要弄個你不熟悉的名字嚇唬你。

單體內(nèi)置對象，就是不依賴宿主環(huán)境的對象，在程序執(zhí)行之前就已經(jīng)存在。有兩個 Global和Math

Global對象
書中寫的很有意思，叫做“終極兜底兒對象”，所有不屬于其他對象的屬性和方法，最終都是他的屬性和方法

你一定想知道之前不是有window對象嗎？他們兩個是一個什么關(guān)系，現(xiàn)在先保留這個問題。

Global是一個虛擬的東西，他不能new出來，但是卻是真實存在的。所有在全局作用域中定義的屬性和函數(shù)，最終都是它的屬性和方法。其里面還有一些內(nèi)置的函數(shù)，諸如我們之前了解過的isNaN(),isFinite(),parseInt(),parseFloat()等等，都是Global的方法。

現(xiàn)在我們就來說一下window是一個什么東西，之前說過在全局作用域中定義的屬性和方法，其實都可以用window.XX來訪問得到，因為不能直接訪問Global對象，所以window對象實現(xiàn)了Global對象的一部分，全局作用域中屬性和函數(shù)，就都成為了window對象的屬性和方法。

接下來Global對象的屬性和方法請自行回憶腦補。

Math對象
對于Math對象沒有什么難理解的，同樣沿著他的屬性和方法回憶就好。。

function createPerson(name,age,job) {
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function() {
        alert(this.name);
        
    };
    return o;
}
var person1 = createPerson("Nicholas",29,"Software Engineer");
var person2 = createPerson("Greg",27,"Doctor");

function Person(name,age,job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName =  function() {
        alert(this.name);
    };
    
}

var person1 = new Person("Nicholas",29,"Software Engineer");
var person2 = new Person("Greg",27,"Doctor");

function Person(name,age,job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName =  sayName;
    
}
function sayName() {
        alert(this.name);
}

var person1 = new Person("Nicholas",29,"Software Engineer");
var person2 = new Person("Greg",27,"Doctor");

function Person() {}
Person.prototype = {
    constructor:Person;
    name:"nigulasi",
    age:29,
    job:"Software Engineer",
    sayName：function() {
        alert(this.name);
    }
};

function Person(name,age,job) {
    this.name=name;
    this.age=age;
    this.job=job;
    this.friends=["Shelby","Court"];
    
}

Person.prototype = {
    constructor:Person;
    sayName:function(){
        alert(this.name);
    }
};

//組合方法創(chuàng)建父級對象
function Animal(name,age) {
    this.name=name;
    this.age = age;
}
Dog.prototype.getName() {
    alert(this.name);
}
//組合方法創(chuàng)建對象，利用原型繼承
function Dog(name,age) {
    this.name = name;
    this.age = age;
}

//實現(xiàn)繼承
Dog.prototype = new Animal();

function Super() {
    this.colors = ["red","blue","green"];
}
function Sub() {
    //繼承自Super
    Super.call(this);//使用apply()和call()方法可以在新創(chuàng)建的對象上執(zhí)行構(gòu)造函數(shù)。
    
}

function Super(name) {
    this.name = name;
    this.colors = ["red","blue","green"];
    
}

Super.prototype.sayName = function(){
    alert(this.name);
};

function Sub(name,age) {
    //繼承屬性
    Super.call(this.name);
    this.age = age;
}

//繼承方法
Sub.prototype = new Super();
sub.prototype.contructor =sub
Sub.prototype.sayAge = function() {
    alert（this.age）;
}；