首頁 > web前端 > js教程 > Nodejs學習筆記入門篇_node.js

Nodejs學習筆記入門篇_node.js

WBOY
發布: 2016-05-16 16:03:36
原創
1073 人瀏覽過

分享第一篇,關於 NodeJS —— Javascript 的常用知識以及如何從 Javascript 開發者過渡到 NodeJS 開發者(不會介紹特定的框架)。在讀本文之前,希望你對 javascript 有一些初步的認知。

Javascript 是一門原型模型的解釋型語言。解釋型將在後面的 NodeJS 裡面討論,原型鍊是 ES6 之前的 Javascript 的物件導向的實作方式之一,在 ES6 中支援的 class 增加了一種新的實作方式。在 Javascript 裡面所有東西都是對象,包括 「類別」。接觸過 ruby​​/python 的元程式設計的可能會覺得這個很熟悉,Javascript 也很容易是實作出動態的生成類別的方法。

1. 基於原型鏈實現的簡單的「類別」

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

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

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

登入後複製

提一些常見的規範,例如Javascript 中所有的方法都是駝峰命名,優先使用單引號,兩個空格等等,更多的規範可以參考https://github.com/airbnb/ javascript

程式碼中的staticSay為靜態方法,即只能透過 Person.staticSay來呼叫。 當上面的Person 產生實例的時候,例如var vincent = new Person('vincent');的時候,vincent會自動繼承Person.prototype 的所有方法(程式碼中的this 指稱的是當前上下文,即上文中的vincent)。

同時也可以動態的為物件 vincent 新增方法,例如以下程式碼:

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

然後當你需要模擬繼承的時候,就需要在 prototype 上下功夫。例如下面使用 Worker.prototype = new Person() 來實現,new Person() 傳回的實例物件帶著的所有方法、屬性都被賦給了 prototype,變相模擬了繼承。這種方式最終一層層的往上找 prototype 裡面的內容(因為每個實例具有的方法都在 prototype 裡面,往上直到 Object)。當然也可以透過遍歷來進行對 prototype 賦值來模擬繼承。

2. 上下文切換

上下文最直觀的表現就是程式碼區塊中的 this,通常在物件導向的程式設計中用到,來指涉目前「類別」產生的對應實例,與其他語言的 self一致。

繼續用上文的例子,上文中已經實作了一個 Person.prototype.sayHi方法,現在我有一個新的對象,程式碼如下:

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

var c = new Cat('tomcat');

登入後複製

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

Javascript 有兩個方法,call 和 apply,他們的差別就是參數不同(自行Google),作用是用來切換上下文。簡單說就是可以把 Person.prototype.sayHi這個函數中的 this 變成其他物件。使用方式: Person.prototype.sayHi.call(c)。

這個實用嘛?例如下列場景:

var doSomething = function(){
 var persons = arguments;
};
登入後複製

上面的函數中,透過關鍵字 arguments取得所有的參數來支援不定數量的參數。現在我們希望對 persons用一些原屬於 Array 類型的方法,如何實現呢?這裡就可以用上下文切換來實現:

var doSomething = function(){
 var persons = arguments;
 // 使用 Array 的 slice 方法,将 arguments 对象转变为 Array 实例
 var persons_arr = Array.prototype.slice.call(arguments);
};
登入後複製

3. 閉包

先來段常見的程式碼

for (var i = 0; i < 3; i ++){
 setTimeout(function(){
  console.log(i);
 }, i)
}
登入後複製

這個會輸出什麼結果呢?依序輸出 0 1 2 ?實際情況是,當 setTimeout第一次執行回呼的時候,for 迴圈已經結束了,也就是說此時的 i 已經是 3 了,導致最終的輸出結果是 3 3 3。

當你需要保護某一個變量,使得他不被外圍的程式碼所影響的時候,你可能就需要考慮下閉包 —— 一個封閉的作用域的程式碼區塊。

for (var i = 0; i < 3; i ++){
 +function(i){
  setTimeout(function(){
   console.log(i);
  }, i)
 }(i)
}
登入後複製

咦, 是乾嘛的,有沒有其他方式實現,請自行谷歌。閉包內的 i 的作用域是一個封閉的作用域,所以最後 閉包內的 i 一直沒有被外面的執行改變,所以可以成功的輸出 0 1 2。

簡單的介紹了javascript 部分特性,關鍵字原型鏈、call 和apply、arguments 關鍵字,更多的建議可以看看例如權威指南這樣的書,或者快速了解下基本的類型以及每個類型有的方法。有一些比較神奇的程式碼,例如取得目前的程式碼的字串,然後進行處理得到自己想要的內容,使用 getter 和 setter 在使用者對物件屬性取得或賦值的時候做一些特殊的操作等等。

4. NodeJS 與 Javascript 的開發差異

這塊主要介紹 require 載入的基礎知識,先介紹一些程式碼:

// 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) // 执行后打印 a 

登入後複製

當我們執行 node c.js的時候發生了什麼事?

require是 nodes 關鍵字,雖然 NodeJS 是以非同步著稱,但是他的 require都是阻塞的。否則就會出現還沒有載入其他模組,已經開始執行下面的程式碼的情況。

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

當 b.js 開始執行的時候,他需要先載入 a.js,module.exports告訴 Nodejs 這個檔案對外暴露寫什麼,例如 a.js 暴露的是一個對象,包含 name 屬性和 doSomething 方法。然後 b.js 中的 a 變數其實就是這個物件。

執行完獲取 a.js 後,繼續回到 b.js ,global.a_name 相當於聲明了一個全域變量,這個和前端中的 window.a_name = a.name 效果類似。

最終過程完成,c.js 執行輸出值。

5. 非同步的底層原理

NodeJS 很容易給人一種使用上的錯覺,就是寫了很久都可能不知道底層的異步是怎麼實現的。 (以下的理解主要來自於對 python3.4 中的 asyncio 的理解,如有錯誤歡迎指出)。

NodeJS 底層的 libev 分別在 Window 下使用 IOCP 和 *nix 下使用基於 AIO 的 libeio 來實現非同步。透過系統層面的技術,最後達到一個目的,就是應用程式發起一個非同步請求,最終在系統執行完後,系統通知應用程式處理完成。在這個過程中,應用程式可以將先前的處理掛起/推入線程池中等待執行,而應用程式在此期間可以執行其他任務。

整個的運作是透過系統層面的事件循環來進行運作。例如 Python 提供了類似於 run_until 以及 run_forever 的這樣的方法,保證在非同步執行之前程式不會結束運行。將整個異步想像成一個一直在運作的車間,車間裡面的機器負責查看包裹並蓋章這樣的操作,工人拿到了一個包裹,然後貼上相應的標籤後放進去,等車間處理完後再交還給工人,工人根據包裹上他之前貼上的標籤和被車間貼上的標籤,進行下一步的處理。工人無需等待包裹檢查完畢才能進行下一個,他只需要接受簡單處理,然後放入車間進行檢查。然後等某個時間車間回來給他某個包裹,他再去進行下一步的操作。

目前主要還是只介紹了一些語言層面的知識,但是只有這些距離開發一個完整的 web 還有一些距離,將在後面繼續介紹。包括 Redis,Nginx,測試驅動等等。

以上所述就是本文的全部內容了,希望大家能夠喜歡。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板