分享第一篇，關(guān)于 NodeJS —— Javascript 的常用知識(shí)以及如何從 Javascript 開發(fā)者過(guò)渡到 NodeJS 開發(fā)者（不會(huì)介紹具體的框架）。在讀本文前，希望你對(duì) javascript 有一些初步的認(rèn)識(shí)。

Javascript 是一門原型模型的解釋型語(yǔ)言。解釋型將在后面的 NodeJS 里面討論，原型鏈?zhǔn)?ES6 之前的 Javascript 的面向?qū)ο蟮膶?shí)現(xiàn)方式之一，在 ES6 中支持的 class 增加了一種新的實(shí)現(xiàn)方式。在 Javascript 里面所有東西都是對(duì)象，包括 “類”。接觸過(guò) ruby/python 的元編程的可能會(huì)覺得這個(gè)很熟悉，Javascript 也很容易是實(shí)現(xiàn)出動(dòng)態(tài)的生成類的方法。

1. 基于原型鏈實(shí)現(xiàn)的簡(jiǎn)單的“類”

var Person = function(name){
 this.name = name;
};

Person.staticSay = function(name){
 console.log('Hello ' + name);
};

Person.prototype.sayHi = function(){
 Person.staticSay(this.name);
}

提一些常見的規(guī)范，例如 Javascript 中所有的方法都是駝峰命名，優(yōu)先使用單引號(hào)，兩個(gè)空格等等，更多的規(guī)范可以參考 https://github.com/airbnb/javascript。

代碼中的staticSay為靜態(tài)方法，即只能通過(guò) Person.staticSay來(lái)調(diào)用。 當(dāng)上面的 Person 生成實(shí)例的時(shí)候，例如 var vincent = new Person('vincent');的時(shí)候，vincent會(huì)自動(dòng)繼承 Person.prototype 的所有方法（代碼中的 this 指代的是當(dāng)前上下文，即上文中的 vincent）。

同時(shí)也可以動(dòng)態(tài)的為對(duì)象 vincent 添加方法，例如如下代碼：

var vincent = new Person('vincent')
vincent.tellName = function(){
 console.log('Hi, i\'m am' + this.name)
};

然后當(dāng)你需要模擬繼承的時(shí)候，就需要在 prototype 上下功夫。例如下面使用 Worker.prototype = new Person() 來(lái)實(shí)現(xiàn)，new Person() 返回的實(shí)例對(duì)象帶著的所有方法、屬性都被賦給了 prototype，變相模擬了繼承。這種方式最終一層層的往上找 prototype 里面的內(nèi)容（因?yàn)槊總€(gè)實(shí)例具有的方法都在 prototype 里面，往上直到 Object）。當(dāng)然也可以通過(guò)遍歷來(lái)進(jìn)行對(duì) prototype 賦值來(lái)模擬繼承。

2. 上下文切換

上下文最直觀的表現(xiàn)就是代碼塊中的 this，通常在面向?qū)ο蟮木幊讨杏玫?，?lái)指代當(dāng)前“類”生成的對(duì)應(yīng)實(shí)例，與其他語(yǔ)言的 self一致。

繼續(xù)用上文中的例子，上文中已經(jīng)實(shí)現(xiàn)了一個(gè) Person.prototype.sayHi方法，現(xiàn)在我有一個(gè)新的對(duì)象，代碼如下：

var Cat = function(name){
 this.name = name;
}

var c = new Cat('tomcat');

如果某天突然異想天開希望這只貓像人一樣介紹他自己怎么辦，他自己沒有 sayHi 這個(gè)方法。但是可以通過(guò) console.log(Person.prototype.sayHi)是可以拿到人類的 sayHi 方法的，怎么讓貓也可以使用呢？

Javascript 有兩個(gè)方法，call 和 apply，他們的區(qū)別就是參數(shù)不同（自行谷歌），作用是用來(lái)切換上下文。簡(jiǎn)單說(shuō)就是可以把 Person.prototype.sayHi這個(gè)函數(shù)中的 this 變成其他對(duì)象。使用方式： Person.prototype.sayHi.call(c)。

這個(gè)實(shí)用嘛？例如如下場(chǎng)景：

var doSomething = function(){
 var persons = arguments;
};

上面的函數(shù)中，通過(guò)關(guān)鍵字 arguments獲取所有的參數(shù)來(lái)支持不定數(shù)量的參數(shù)?，F(xiàn)在我們希望對(duì) persons用一些原屬于 Array 類型的方法，如何實(shí)現(xiàn)呢？這里就可以用上下文切換來(lái)實(shí)現(xiàn)：

var doSomething = function(){
 var persons = arguments;
 // 使用 Array 的 slice 方法，將 arguments 對(duì)象轉(zhuǎn)變?yōu)?Array 實(shí)例
 var persons_arr = Array.prototype.slice.call(arguments);
};

3. 閉包

先來(lái)段常見的代碼

for (var i = 0; i < 3; i ++){
 setTimeout(function(){
  console.log(i);
 }, i)
}

這個(gè)會(huì)輸出什么結(jié)果呢？依次輸出 0 1 2 ？實(shí)際情況是，當(dāng) setTimeout第一次執(zhí)行回調(diào)的時(shí)候，for 循環(huán)已經(jīng)結(jié)束了，也就是說(shuō)此時(shí)的 i 已經(jīng)是 3 了，導(dǎo)致最終的輸出結(jié)果是 3 3 3。

當(dāng)你需要保護(hù)某一個(gè)變量，使得他不被外圍的代碼所影響的時(shí)候，你可能就需要考慮下閉包 —— 一個(gè)封閉的作用域的代碼塊。

for (var i = 0; i < 3; i ++){
 +function(i){
  setTimeout(function(){
   console.log(i);
  }, i)
 }(i)
}

咦， +是干嘛的，有沒有其他方式實(shí)現(xiàn)，請(qǐng)自行谷歌。閉包內(nèi)的 i 的作用域是一個(gè)封閉的作用域，所以最終 閉包內(nèi)的 i 一直沒有被外面的執(zhí)行改變，所以可以成功的輸出 0 1 2。

簡(jiǎn)單的介紹了 javascript 部分特性，關(guān)鍵字 原型鏈、call 和 apply、arguments 關(guān)鍵字，更多的建議可以看看例如權(quán)威指南這樣的書，或者快速了解下基本的類型以及每個(gè)類型有的方法。有一些比較神奇的代碼，例如獲得當(dāng)前的代碼的字符串，然后進(jìn)行處理得到自己想要的內(nèi)容，使用 getter 和 setter 在用戶對(duì)對(duì)象屬性獲取或者賦值的時(shí)候做一些特殊的操作等等。

4. NodeJS 和 Javascript 的開發(fā)區(qū)別

這塊主要介紹 require 加載的基礎(chǔ)知識(shí)，首先先介紹一些代碼:

// a.js
module.exports = {
 name: "a",
 doSomething: function(){
  return "something";
 }
}

// b.js
var a = require('./a')
global.a_name = a.name;

// c.js
require('./b');
console.log(a_name) // 執(zhí)行后打印 a 

當(dāng)我們執(zhí)行 node c.js的時(shí)候發(fā)生了什么？

require是 nodes 關(guān)鍵字，雖然 NodeJS 是以異步著稱，但是他的 require都是阻塞的。否則就會(huì)出現(xiàn)還沒有載入其他模塊，已經(jīng)開始執(zhí)行下面的代碼的情況。

require.resolve()方法是用來(lái)找出你所引用的文件的實(shí)際路徑，找出后 Nodejs 會(huì)在 require.cache里面尋找是否有緩存，沒有的話則會(huì)讀取文件然后解析，所以通常情況下，一個(gè) js 文件里面的執(zhí)行的代碼只會(huì)在第一次被 require 的時(shí)候被執(zhí)行。（tip. require.cache 如果有需要的話是可以手動(dòng)刪除一些東西的，然后可以某種程度上可以執(zhí)行多次）

當(dāng) b.js 開始執(zhí)行的時(shí)候，他需要先載入 a.js，module.exports告訴 Nodejs 這個(gè)文件對(duì)外暴露寫什么，例如 a.js 暴露的是一個(gè)對(duì)象，包含 name 屬性和 doSomething 方法。然后 b.js 中的 a 變量其實(shí)就是這個(gè)對(duì)象。

執(zhí)行完獲取 a.js 后，繼續(xù)回到 b.js ，global.a_name 相當(dāng)于聲明了一個(gè)全局變量，這個(gè)和前端中的 window.a_name = a.name 效果類似。

最終過(guò)程完成，c.js 執(zhí)行輸出值。

5. 異步的底層原理

NodeJS 很容易給人一種使用上的錯(cuò)覺，就是寫了很久都可能不知道底層的異步是怎么實(shí)現(xiàn)的。（下面的理解主要來(lái)自于對(duì) python3.4 中的 asyncio 的理解，如有錯(cuò)誤歡迎指出）。

NodeJS 底層的 libev 分別在 Window 下使用 IOCP 和 *nix 下使用基于 AIO 的 libeio 來(lái)實(shí)現(xiàn)異步。通過(guò)系統(tǒng)層面的技術(shù)，最后達(dá)到一個(gè)目的，就是應(yīng)用程序發(fā)起一個(gè)異步請(qǐng)求，最終在系統(tǒng)執(zhí)行完后，系統(tǒng)通知應(yīng)用程序處理完成。在這個(gè)過(guò)程中，應(yīng)用程序可以將之前的處理掛起/推入線程池中等待執(zhí)行，而應(yīng)用程序在此期間可以執(zhí)行其他任務(wù)。

整個(gè)的運(yùn)行通過(guò)系統(tǒng)層面的事件循環(huán)來(lái)進(jìn)行運(yùn)作。例如 Python 提供了類似于 run_until 以及 run_forever 的這樣的方法，保證在異步執(zhí)行之前程序不會(huì)結(jié)束運(yùn)行。將整個(gè)異步想象成一個(gè)一直在運(yùn)作的車間，車間里面的機(jī)器負(fù)責(zé)查看包裹并蓋章這樣的操作，工人拿到了一個(gè)包裹，然后貼上相應(yīng)的標(biāo)簽后放進(jìn)去，等車間處理完后再交還給工人，工人根據(jù)包裹上他之前貼上的標(biāo)簽和被車間貼上的標(biāo)簽，進(jìn)行下一步的處理。工人無(wú)需等待包裹檢查完畢才能進(jìn)行下一個(gè)，他只需要接受簡(jiǎn)單處理，然后放入車間進(jìn)行檢查。然后等某個(gè)時(shí)間車間返回給他某個(gè)包裹，他再去進(jìn)行下一步的操作。

目前主要還是只介紹了一些語(yǔ)言層面的知識(shí)，但是只有這些距離開發(fā)一個(gè)完整的 web 還有一些距離，將在后面繼續(xù)介紹。包括 Redis，Nginx，測(cè)試驅(qū)動(dòng)等等。

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

最新評(píng)論