Skip to main content

進出口

@serverSerrverlesskiy

要使對象,函數,類或變量 to 對外界可用,只需將其導出,然後在需要時將其導入其他項目文件中。

"Hello, World!" on Node.js

Node.js® JavaScript 建立在 Chrome V8 引擎。

讓我們開始吧 Node.js 只需在控制台中輸入 node 即可:

$ node
>

如果沒有的話 download 並將其安裝在您的計算機上。

現在讓我們嘗試打印一些內容:

$ node
> console.log('hello from Node.js')
// After hitting Enter, you get this:
hello from Node.js
undefined

Export

隨時嘗試 Node.js 使用此接口:如果將小段代碼直接放入文件中不切實際,通常在此處進行測試。

現在該創建我們的 Hello Node.js 應用程序了!

讓我們開始創建 index.js 文件。 使用下一條命令,我們創建文件夾 myProject 然後輸入

mkdir myProject && cd myProject

Now we create the index.js file itself

touch index.js

打開您的代碼編輯器或下載並安裝它。 我們推薦 VS Code.

打開代碼編輯器,然後向其添加我們創建的項目的文件夾。

new project

現在,通過單擊此圖標打開側面菜單。

new prroject

將以下代碼複製到其中:

// index.js
console.log('hello from Node.js')

要運行此文件,必須重新打開終端並導航到以下目錄: index.js 位於。

VS Code 單擊這些圖標即可完成此操作。

new prroject

然後選擇標籤 TERMINAL

new prroject

成功導航到所需位置後,請使用以下命令運行文件

node index.js

您將看到此命令將產生與以前相同的輸出,將字符串直接打印到終端。

new prroject

應用程序模塊化

Export

現在是時候進入下一個階段了! 為了便於閱讀和可維護性,讓我們將源代碼分成多個 JavaScript 文件來創建一些更複雜的東西。

項目結構

創建以下目錄結構(包含空文件),但不要創建 package.json 但是,我們將在下一步中自動生成它:

├── app
| ├── calc.js
| └── index.js
├── index.js
└── package.json

在以下位置創建新文件或文件夾 VS Code 單擊相應的圖標,如圖所示。

new file

package.json

每一個 Node.js 項目首先創建一個 package.json 文件。 您可以將其視為應用程序及其依賴項的 JSON 表示形式。 它包含應用程序的名稱,作者(您)以及運行該應用程序所需的任何依賴項。 這是您的項目圖。

您可以交互式生成 package.json 用命令文件

npm

npm init

在終端。 運行命令後,將要求您輸入一些信息,例如應用程序名稱,版本,描述等。 不用擔心,只需按 Enter 直到獲得生成的 JSON,問題是 is it ok ?. 最後一次按 Enter 鍵,瞧:您的 package.json 已自動生成並放置在應用程序文件夾中。 如果您在 IDE 中打開此文件,則該文件看起來與下面的代碼片段非常相似。

// package.json
{
"name": "myproject",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}

良好的做法是將啟動腳本添加到您的 package.json 包裹。 因此,將以下行添加到 scripts 目的:

"scripts": {
"start": "node index.js", // this line
"test": "echo \"Error: no test specified\" && exit 1"
}

完成此操作後,您可以使用 npm start 命令。

進口

現在,讓我們回到您創建的第一個文件 index.js. 建議保持此文件非常緊湊:僅包含應用程序本身 (the index.js 來自的文件 / app 先前創建的子目錄)。 將以下代碼複製到您的 index.js 歸檔並保存:

// index.js
require('./app/index')

or shorthand for all index.js files

// index.js
require('./app')

如果未指定特定文件,則代碼解釋器將查找 index.js 文件並輸入。 這就是我們簡單地將第一個文件連接到項目的方式。

Export

出口

現在是時候開始構建一個真正的應用程序了。 打開 index.js 來自的文件 /app 文件夾中創建一個非常簡單的示例:添加數字數組。 在這種情況下, index.js文件將僅包含我們要添加的數字,並且要求計算的邏輯必須放置在 calc.js 文件。 將此代碼粘貼到 index.js 文件在 /app 目錄。

// app/index.js
const calc = require('./calc')
const numbersToAdd = [3, 4, 10, 2]
const result = calc.sum(numbersToAdd)

console.log(`The result is: ${result}`)

現在,將實際的業務邏輯粘貼到 calc.js 可以在同一文件夾中找到的文件。

// app/calc.js
const sum = arr => {
return arr.reduce((a, b) => a + b, 0)
}

module.exports.sum = sum // export

在此文件中,我們創建了一個 sum 函數並導出它,使其在項目中的其他文件中可用。

要檢查您是否做對了所有事情,請保存以下文件,打開終端並輸入 npm start 或者 node index.js. 如果您正確執行了所有操作,則將收到答案: 19. 如果出現問題,請仔細檢查控制台中的日誌並根據該日誌查找問題。

new file

全部的

因此,我們先完成了關於 JavaScript 的預備課程, mobile development.

問題?

Problem

寫給Discord 聊天。

問題:

Question

為了使對象,函數,類或變量 🔔 可供外界使用,您需要:

1.導出然後導入 2.導入然後導出

Node.js® is:

1.編程語言 2.基於 Chrome V8 引擎構建的 JavaScript 環境 3.瀏覽器

package.json is:

1.基於 Chrome V8 引擎構建的 JavaScript 環境 2.應用程序及其依賴項的 JSON 表示形式 3. JSON 編程語言

為了了解您學到了多少本課程,請對 mobile application 我們學校就這個話題。

Sumerian school

鏈接:

  1. MDN web doc. ECMAScript 6 Modules: The Future Is Now
  2. ES6 Modules and How to Use Import and Export in JavaScript
  3. "require vs ES6 import / export"

貢獻者 ✨

感謝這些好人 (emoji key):


Dmitriy K.

📖

Dmitriy Vasilev

💵

Resoner2005

🐛 🎨 🖋

Navernoss

🖋 🐛 🎨

Become a Patron!