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

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

1. 基于原型鏈實(shí)現(xià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)先使用單引號，兩個空格等等，更多的規(guī)范可以參考 https://github.com/airbnb/javascript。

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

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

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

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

2. 上下文切換

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

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

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

var c = new Cat('tomcat');

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

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

這個實(shí)用嘛？例如如下場景：

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

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

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

3. 閉包

先來段常見的代碼

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

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

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

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

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

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

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

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

// 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的時候發(fā)生了什么？

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

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

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

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

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

5. 異步的底層原理

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

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

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

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

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

最新評論