快捷導(dǎo)航

nodejs教程之入門

更新時(shí)間：2014年11月21日 11:27:58 投稿：hebedich

本文是nodejs教程系列的入門篇，主要講述nodejs的特點(diǎn)、模塊機(jī)制/CommonJs（模塊引用、模塊定義、模塊標(biāo)識(shí)、模塊實(shí)現(xiàn)）、包與NPM等知識(shí)，非常的詳細(xì)，這里推薦給大家作為入門的文章。

前言

再不學(xué)nodeJs，我們就老了......在HTML5大浪襲來(lái)的時(shí)候，很多先輩就開始了NodeJs之旅，而那時(shí)我還在做服務(wù)器端的程序
后來(lái)轉(zhuǎn)成前端，和梯隊(duì)的距離已經(jīng)很大了，因?yàn)槲視?huì)服務(wù)器端語(yǔ)言，還干了很久，所以至今才開始學(xué)習(xí)NodeJs，向完整的前端前進(jìn)
這次學(xué)習(xí)NodeJs的計(jì)劃是：
① 1-2周學(xué)習(xí)基礎(chǔ)知識(shí)
② 1周左右開發(fā)一個(gè)簡(jiǎn)單項(xiàng)目
③ 利用NodeJs開發(fā)一套用于移動(dòng)端調(diào)試的工具
④ 打包相關(guān)（這個(gè)可能比較遠(yuǎn)了）

NodeJs特點(diǎn)

① 異步
從文件讀取到網(wǎng)絡(luò)請(qǐng)求，NodeJs皆以異步完成，回調(diào)函數(shù)占據(jù)重要作用，在編程模型上Node是領(lǐng)先的

② 事件回調(diào)
事件回調(diào)讓程序變得輕巧，但是具體怎么樣還是取決于程序員。但是回調(diào)函數(shù)在閱讀上其實(shí)還是有一定難度的

③ 單線程
Node是單線程的，如果多線程的話，這門語(yǔ)言水又深了，問(wèn)幾句進(jìn)程中的通信時(shí)很討厭的，但線程也沒有死鎖等問(wèn)題
但是性能相關(guān)就有問(wèn)題了，因?yàn)椴荒芾枚嗪耍?/p>

模塊機(jī)制/CommonJs

我們?cè)瓉?lái)做服務(wù)器端的開發(fā)，如果沒有很好的組織代碼的話，后期維護(hù)非常困難，所以才會(huì)有什么MVC，什么三層架構(gòu)
而現(xiàn)在前端的業(yè)務(wù)邏輯逐向后端靠攏，就單頁(yè)應(yīng)用來(lái)說(shuō)，已經(jīng)超過(guò)后端的程序邏輯
頁(yè)面view不停的增加會(huì)帶來(lái)js代碼量的激增，如何很好的管理我們的前端代碼成了一個(gè)問(wèn)題，所以requireJs出現(xiàn)了......
PS：尼瑪這段和nodeJs有一毛錢關(guān)系哇......
javascript是沒有模塊化系統(tǒng)的，于是就有CommonJs的提出，讓js具備開發(fā)大型應(yīng)用的基礎(chǔ)

模塊引用

我們?nèi)绻靡粋€(gè)模塊，比如數(shù)學(xué)計(jì)算相關(guān)：

var math = require('math');

模塊定義

我們?nèi)绻x自己的模塊可以這樣干

復(fù)制代碼代碼如下:

exports.add = function () {

  return sum;

}

如果此函數(shù)在math中定義的話，就能使用了

math.add();

模塊標(biāo)識(shí)

模塊標(biāo)識(shí)就是傳遞給require的參數(shù)，需要為駝峰命名，指向的是一個(gè)文件路徑，這里和requireJS很類似的

模塊實(shí)現(xiàn)

Node中模塊實(shí)現(xiàn)分為兩類，一種是系統(tǒng)級(jí)別的核心模塊，一種是用戶編寫的文件模塊
核心模塊在編譯過(guò)程被翻譯成了二進(jìn)制文件，Node進(jìn)程啟動(dòng)后，一些核心的模塊會(huì)直接加載進(jìn)內(nèi)存（文件定位、編譯執(zhí)行）
文件模塊需要?jiǎng)討B(tài)加載，速度相對(duì)慢一點(diǎn)
但是一旦加載后，那些文件便會(huì)被緩存，二次引入時(shí)候便會(huì)讀取緩存文件（編譯后的文件）
這里扯遠(yuǎn)一點(diǎn)，我們?cè)谑褂胾nderscore過(guò)程中，會(huì)編譯Html形成模板函數(shù)（他真的只是一個(gè)函數(shù)），其實(shí)這個(gè)就可以做緩存
在部署項(xiàng)目之前保存編譯過(guò)后的函數(shù)，去掉html模板文件（優(yōu)化效果不知）

在node中，每個(gè)模塊都是一個(gè)對(duì)象：

復(fù)制代碼代碼如下:

function Module(id, parent) {

  this.id = id;

  this.exports = {};

  //parent是關(guān)鍵字，不應(yīng)該亂用

  this.parent = parent;

  if (parent && parent.children) {

    parent.children.push(this);

  }

  this.filename = null;

  this.loaded = false;

  this.children = [];

}

編譯和執(zhí)行時(shí)引入文件模塊的最后一個(gè)階段，定位到具體文件后，node會(huì)新建一個(gè)模塊對(duì)象，然后根據(jù)路徑載入并編譯
每一個(gè)編譯成功的模塊都會(huì)將其文件路徑作為索引緩存在Module._cache上

每個(gè)模塊文件都存在require、exports、module三個(gè)變量，但是在文件中并未定義（__filename__、__dirname__ 變量也是）
其實(shí)在編譯過(guò)程中，Node對(duì)javascript文件內(nèi)容進(jìn)行了頭尾包裝（相當(dāng)于自定義函數(shù)傳入window）

復(fù)制代碼代碼如下:

(function (exports, require, module, __filename__, __dirname__) { 

  var math = require('math');

  exports.area = function (radius) {

    return '';

  };

});

這樣，模塊與模塊之間做了隔離，不會(huì)互相影響，這里和underscore的編譯有些類似......

包與NPM

Node組織了自身的核心模塊，所以第三方文件模塊可以有序的編寫和使用，但是在第三方模塊中，模塊與模塊之間仍然散列在各地
相互之間不能直接引用，在模塊外包和NPM則是將聯(lián)系建立起來(lái)的一種機(jī)制
PS：很多模塊會(huì)形成一個(gè)包，這個(gè)包的概念和java包的概念，才#程序集的概念應(yīng)該相似

一個(gè)包結(jié)構(gòu)解壓后會(huì)形成幾個(gè)文件：
① package.json 描述文件
② bin 可執(zhí)行二進(jìn)制目錄
③ lib javascript代碼目錄
④ doc 文檔（尼瑪基本沒有）
⑤ test demo

以上都是CommonJS包的規(guī)范的一些東西，但是我們稍微了解一下便可（初學(xué)嘛），NPM則需要熟練掌握，借助NPM我們可以熟練安裝管理包

安裝依賴包

安裝依賴包是常用方法：

npm install express
執(zhí)行后就會(huì)在當(dāng)前目錄下創(chuàng)建node_modules目錄，然后再其下面創(chuàng)建express目錄......
PS：express是NodeJs上流行的web開發(fā)框架，幫助我們快速開發(fā)一個(gè)web應(yīng)用
安裝結(jié)束后就可調(diào)用了：

復(fù)制代碼代碼如下:

var express = require('express');

結(jié)語(yǔ)

這段簡(jiǎn)單結(jié)束，后面我們項(xiàng)目實(shí)戰(zhàn)過(guò)程逐步深化

您可能感興趣的文章: