深入淺析Node環(huán)境和瀏覽器的區(qū)別
正好最近有朋友咨詢我這個(gè)問題，那就簡單談一下我理解的node環(huán)境和瀏覽器的區(qū)別，高手請(qǐng)略過。
一、全局環(huán)境下this的指向
在node中this指向global而在瀏覽器中this指向window，這就是為什么underscore中一上來就定義了一 root；
var root = typeof self == 'object' && self.self === self && self ||
typeof global == 'object' && global.global === global && global ||
this;
而且在瀏覽器中的window下封裝了不少的API 比如 alert 、document、location、history 等等還有很多。我們就不能在node環(huán)境中xxx();或window.xxx();了。因?yàn)檫@些API是瀏覽器級(jí)別的封裝，純javascript中是沒有的。當(dāng)然node中也提供了不少node特有的API。
二、js引擎
在瀏覽器中不同的瀏覽器廠商提供了不同的瀏覽器內(nèi)核，瀏覽器依賴這些內(nèi)核解釋折我們編寫的js。但是考慮到不同內(nèi)核的少量差異，我們需要考慮瀏覽器兼容性。好在有一些優(yōu)秀的庫幫助我們處理這個(gè)問題，比如jquery、underscore等等。
NodeJS是基于Chrome's JavaScript runtime，也就是說，實(shí)際上它是對(duì)GoogleV8引擎（應(yīng)用于Google Chrome瀏覽器）進(jìn)行了封裝。V8引 擎執(zhí)行Javascript的速度非?？?，性能非常好。
NodeJS并不是提供簡單的封裝，然后提供API調(diào)用，如果是這樣的話那么它就不會(huì)有現(xiàn)在這么火了。Node對(duì)一些特殊用例進(jìn)行了優(yōu)化，提供了替代的API，使得V8在非瀏覽器環(huán)境下運(yùn)行得更好。例如，在服務(wù)器環(huán)境中，處理二進(jìn)制數(shù)據(jù)通常是必不可少的，但Javascript對(duì)此支持不足，因此，V8.Node增加了Buffer類，方便并且高效地 處理二進(jìn)制數(shù)據(jù)。因此，Node不僅僅簡單的使用了V8,還對(duì)其進(jìn)行了優(yōu)化，使其在各環(huán)境下更加給力。
js引擎都固定了，還對(duì)應(yīng)神馬兼容性。
三、DOM操作
瀏覽器中的js大多數(shù)情況下是在直接或間接（一些虛擬DOM的庫和框架）的操作DOM。因?yàn)闉g覽器中的代碼主要是在表現(xiàn)層工作。但是node是一門服務(wù)端技術(shù)。沒有一個(gè)前臺(tái)頁面，所以我門不會(huì)在node中操作DOM。
四、I/O讀寫
與瀏覽器不同，我們需要像其他服務(wù)端技術(shù)一樣讀寫文件，nodejs提供了比較方便的組件。而瀏覽器（確保兼容性的）想在頁面中直接打開一個(gè)本地的圖片就麻煩了好多（別和我說這還不簡單，相對(duì)路徑。。。。。。試試就知道了要么找個(gè)庫要么二進(jìn)制流，要么上傳上去有了網(wǎng)絡(luò)地址在顯示。不然人家為什么要搞一個(gè)js庫呢），而這一切node都用一個(gè)組件搞定了。
五、模塊加載
javascript有個(gè)特點(diǎn)，就是原生沒提供包引用的API一次性把要加載的東西全執(zhí)行一遍，這里就要看各位閉包的功力了。所用東西都在一起，沒有分而治之，搞的特別沒有邏輯性和復(fù)用性。如果頁面簡單或網(wǎng)站當(dāng)然我們可以通過一些AMD、CMD的js庫（比如requireJS 和 seaJS）搞定事實(shí)上很多大型網(wǎng)站都是這么干的。
在nodeJS中提供了CMD的模塊加載的API，如果你用過seaJS，那么應(yīng)該上手很快。
node還提供了npm 這種包管理工具，能更有效方便的管理我們飲用的庫
當(dāng)然瀏覽器這邊ES6也有這方面的補(bǔ)充，相信未來會(huì)更好。。。
總結(jié)
以上所述是小編給大家介紹的Node環(huán)境和瀏覽器的區(qū)別，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
枚舉JavaScript對(duì)象的函數(shù)...2006-12-12
做前端，需要選擇元素，下面是實(shí)現(xiàn)代碼，一個(gè)原生的html元素選擇器類似jquery選擇器，很棒，很實(shí)用2014-10-10
這篇文章主要介紹了webpack獨(dú)立打包和緩存處理的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)webpack具有一定的參考價(jià)值，需要的朋友們下面來一起看看吧。2017-04-04
javascript簡單實(shí)現(xiàn)圖片預(yù)加載
本文是給大家分享一段簡單的實(shí)現(xiàn)圖片預(yù)加載技術(shù)的javascript代碼，超級(jí)精簡，卻很實(shí)用，這里推薦給大家2014-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡單的放大鏡效果，可隨意更改，放大區(qū)域的大小、比例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
最近開發(fā)微信小程序進(jìn)入到支付階段，一直以來從事App開發(fā)，所以支付流程還是熟記于心的。下面通過本文給大家講述下微信小程序進(jìn)行微信支付的步驟,需要的朋友可以參考下2016-12-12
再談JavaScript異步編程，簡單描述了幾種JavaScript異步編程模式，感興趣的小伙伴們可以參考一下2016-01-01
Javascript中的this,bind和that使用實(shí)例
這篇文章主要介紹了Javascript中的this,bind和that使用實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
JavaScript實(shí)現(xiàn)簡易tab欄切換內(nèi)容欄
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡易tab欄切換內(nèi)容欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
前端處理二進(jìn)制流文件導(dǎo)出為excel表代碼示例
這篇文章主要給大家介紹了關(guān)于前端處理二進(jìn)制流文件導(dǎo)出為excel表的相關(guān)資料,后臺(tái)管理系統(tǒng),常會(huì)出現(xiàn)導(dǎo)出excel表格功能,需要的朋友可以參考下2023-08-08