Node.js新手必須知道的4個JavaScript概念

来源:https://www.cnblogs.com/dou485/archive/2019/07/02/11122100.html
-Advertisement-
Play Games

如果只需要知道一種編程語言就可以構建一個全棧的應用程式,是不是特別了不起?Ryan Dahl為了把這個想法成為現實,創造了node.js。Node.js是建立在Chrome強勁的V8 JavaScript引擎上的伺服器端框架。雖然最初是用C++編寫的,但是應用程式通過JavaScript運行。 這樣 ...


如果只需要知道一種編程語言就可以構建一個全棧的應用程式,是不是特別了不起?Ryan Dahl為了把這個想法成為現實,創造了node.js。Node.js是建立在Chrome強勁的V8 JavaScript引擎上的伺服器端框架。雖然最初是用C++編寫的,但是應用程式通過JavaScript運行。

這樣一來,問題就解決了。一種語言就可以統治一切。而且,在整個應用程式中你只需要使用這一種語言。所以,我們需要深刻瞭解node.js。這就是本文的主題。

下麵這四個基本概念是你想要掌握node.js所必需的。我會儘可能長話短說向大家介紹它們。

1.非阻塞或非同步I/O

由於Node.js是一種伺服器端框架,所以它的一個主要工作就是處理瀏覽器請求。在傳統的I/O系統中,當前請求只有當先前請求的響應(HTML頁面)已到達才會發出。這就是為什麼它被稱為阻塞I/O。伺服器阻塞其他請求是為了處理當前的請求,而這會導致瀏覽器的等待。

Node.js不遵循I/O的這個原則。如果一個請求需要花費較長時間,那麼Node.js會發送請求到事件迴圈(event loop)中,並繼續在調用棧(call stack)中處理下一個請求。一旦未決請求完成處理,它就會告訴Node.js,並將響應渲染在瀏覽器上。

用一個虛擬的例子來理解這一點:

阻塞I / O

在這個餐廳例子中,服務員給出菜單,等待訂單完成,然後再回到餐桌根據菜單上菜。在當前客戶點菜時,服務員就在旁邊等待,不接受其他客戶的菜單。

非阻塞I / O

在這個例子中,服務員獲得菜單,並告知廚師,然後返回取另一份菜單。在完成第一個菜單進程中,他既按照順序給當前顧客上菜,也接受來自其他客戶的點單。服務員不會因為阻塞來自於其他客戶的點菜而浪費時間。

2.原型

原型是JavaScript的一個複雜概念。不過因為在Node.js中你要多次用到原型,所以每個JavaScript開發人員都必須瞭解這個概念。

在實現經典繼承的語言中,例如Java,或C ++,對於以代碼重用為目的的語言,你首先必須寫一個類,然後從該類創建對象或擴展該類。但是,在JavaScript中不存在類的概念。首先在JavaScript中創建一個對象,然後從這個對象中增加自己的對象,或創建新的對象。這就是所謂的原型傳承和通過原型的實現。

每個JavaScript對象被鏈接到一個來自於它可以繼承屬性的原型對象。原型類似其他OO語言中的類,但不同的是,它們本身也是對象。每一個對象都鏈接到Object.prototype,而Object.prototype自帶JavaScript預定義。

如果你通過obj.propName或 obj['propName'] 查找屬性,而對象並不具有可通過 obj.hasOwnProperty(‘propName’)被檢查的屬性,那麼JavaScript的運行時會在其原型對象中查找屬性。如果原型對象也沒有這樣的屬性,那麼依次檢查它的原型,直到找到匹配,或者到達Object.prototype。如果該屬性不存在原型鏈,那麼它會導致一個未定義的值。

通過下麵的示例代碼來理解這個概念:

當你創建一個新對象的時候,你必須選擇一個應該是它的原型的對象。這裡,我們添加了一個方法到Object function。該方法創建了一個使用另一個對象作為其原型的新對象,而原型作為參數傳遞給它。

當我們改變新對象的時候,它的原型不受影響。但是,當我們進行改變原型對象的時候,這些變化在所有基於該原型的對象上可見。

原型是一個複雜的概念。我將在另一篇文章中詳細說明。

3.模塊

如果你曾經接觸過Java中的包,那麼Node.js中的模塊也沒有什麼不同。如果沒有,那麼也不用擔心。模塊是包含特定目的代碼的簡單的JavaScript文件。模塊模式用來使你的代碼易於導航和使用。要使用模塊屬性,你需要在JavaScript文件中需求它,很像在Java類中導入包。

node.js中有兩種類型的模塊。

核心模塊——這些模塊是用Node.js庫預編譯過的。核心模塊的目的是提供開發者經常發生和重覆的代碼段,這些代碼段如果不可用的話,會導致開發者陷入不得不一次又一次地寫相同代碼的處境。一些常見的核心模塊是HTTP,URL,EVENTS,FILE SYSTEM,等等。

用戶定義模塊——用戶定義模塊是開發人員在應用程式內創建用於特定目的的模塊。當核心模塊不能滿足期望功能的時候就需要用戶定義模塊。

模塊通過require函數提取。如果它是一個核心模塊,那麼參數僅僅是模塊的名稱。如果它是一個用戶自定義模塊,那麼參數就是該模塊在文件系統中的路徑。例如:

4.回調函數

在JavaScript中,函數被認為是第一類對象。這意味著你可以對這些函數做所有可對常規對象做的操作。你可以賦值函數給變數,作為參數傳遞函數給方法,作為對象屬性聲明函數,甚至從函數返回函數。

回調函數是JavaScript中的匿名函數,它可以作為參數傳遞給其他函數,要麼被執行或返回自函數稍後執行。這是回調函數——這個使用最廣的函數編程範式的基礎。

當我們將回調函數作為參數傳遞給另一個函數的時候,我們只能傳遞函數定義……換言之就是,我們不知道這個回調函數什麼時候會執行。這完全取決於調用函數的機制。它會在以後的某個時間點“回調”,因此而得名。這也是非阻塞或Node.js非同步行為的唯一基礎,如下例所示。

這是回調函數最簡單的例子之一。我們將一個匿名函數作為一個參數傳遞,這個參數只需在控制臺上記錄一些輸出到setTimeout函數。它是唯一的函數定義,但是不知道何時執行。這需要經過2秒後,通過第二個參數,調用setTimeout函數來決定。

首先,第二個日誌語句記錄輸出到控制台,然後,2秒鐘後,回調函數中的日誌語句記錄輸出。

上面這些就是Node.js新手必須知道的4個最重要的 JavaScript概念。你的看法呢?希望大家能夠暢所欲言!


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 恢復內容開始 一、webpack 預設只能打包處理 JS 類型的文件,無法處理 其他的非 JS 類型的文件; 如果非要處理 非 JS 類型的文件,我們需要手動安裝一些 合適 第三方 loader 載入器; 二、webpack 處理第三方文件類型的過程: 1、發現這個要處理的文件不是JS文件,然後就去 ...
  • 如報紙、雜誌、報告等其他媒介上看到過圖。通常,圖是由頁面上的文本引述出。 在HTML5出現之前,沒有專門實現這個目的的元素,因此一些開發人員想出了他們自己的解決辦法(通常會使用不那麼理想的、沒有語義的div元素)。 通過引入figure和figcaption,HTML5改變了這種情況。 圖可以是圖表 ...
  • Vue 函數封裝 ...
  • DOM(屬性節點) 屬性節點沒有過參加家族關係中,其專用選擇器:attributes,返回值為對象的形式,它的鍵是索引值,也就是用對象模擬了一個偽數組,DOM中選擇器返回的都是偽數組(可以使用數組的形式遍歷,操作。但是不能使用數組的方法),下麵是屬性節點的操作 <div class="box" ti ...
  • 301:永久重定向 302:臨時重定向 相同點:輸入網址A,都會重定向到網址B 不同點: ① 301:舊地址A的資源不可訪問了(永久移除),重定向到網址B,搜索引擎會抓取網址B的內容,同時將網址保存為B網址。 ② 302:舊地址A的資源仍可訪問,這個重定向只是臨時從舊地址A跳轉到B地址,這時搜索引擎 ...
  • js api 之 fetch、querySelector、form、atob及btoa 轉載請註明出處: "https://www.cnblogs.com/funnyzpc/p/11095862.html" js api即為JavaScript內置函數,本章就說說幾個比較實用的內置函數,內容大致如下 ...
  • 本例參考並改進自:https://www.jianshu.com/p/2961d9c317a3 大家可以一起學習!! ...
  • 基本調用: 自動關閉: 銷毀Loading Dom節點: ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...