觀看本文章之前，最好先具備一些 JavaScript 的基本知識。 教學文章: https://www.runoob.com/nodejs/nodejs-http-server.html Node.js 與瀏覽器的差別 在瀏覽器裡面，變數是涵蓋在Global裡面 Node.js裡面 Global 是不能繼承各個專案的變數的 所謂的全域物件-操作 當你打開網頁的瀏覽器以下就是全域物件的屬性內容。 當你學過JavaScript 之後，我們按照同樣的方式在上面賦予記憶體、值。 打開你的Node.js Command Prompt 全域範例01 首先VS Code 創建一個app.js 開啟你的Node.js cmd Prompt […]
Node.js 是什麼?
Node.js是革命性的伺服器端執行環境，使用JavaScript語言來操作，具有以下亮點： 在串接前端和後端資料方面： 如何安裝Node.js。 步驟1：下載 Node.js 安裝檔案 Node.js 官方網站，通常我們都是下載 長期維護版本! https://nodejs.org/zh-tw 步驟2：選擇你的作業系統 Node.js支援多個作業系統，包括Windows、macOS和Linux。點擊你所使用的作業系統版本下載連結。 步驟3：安裝 Node.js 步驟4：檢查安裝 安裝完成後，你可以在終端（Windows的命令提示字元或macOS和Linux的終端）中輸入以下指令檢查Node.js是否成功安裝： 如果你看到顯示Node.js的版本號碼，那就代表安裝成功了！ 此外，還可以檢查npm（Node.js套件管理器）是否也安裝成功： 完成！ 現在，你已經成功安裝了Node.js。你可以開始使用它來開發強大的伺服器端和應用程式。簡單吧？祝你愉快地開始編寫代碼吧！
JS 函式內仍可以執行函式
在JAVASCRIPT 函式裡面，我們時常會安插其他函示的屬性資訊，所以今天來探討一下這個有趣的議題。 這次我們會在函式內部呼叫其他不同型別內容的函式，以及探討函式內的參數呼叫順序! 還記得火影忍者裡的配恩六道，一口氣轟掉木葉村? 當時的鳴人知道自己匯集仙術能量的掌握度不成熟，便用了作弊的方法… 把影分身藏在妙木山，3個影分身專注於匯集仙術能量，一旦真實的自己在戰場上沒有了查克拉或式仙術能量… 就是直接呼叫! 可讓自己隨時瞬間充滿能量! 然而… 我們等下說的函式內執行函式也與這個招大同小異! 範例程式 將peparationOfWork() 裡面安插函式DoingWork() peparationOfWork() 確實在執行了DoingWork()! 換做把DoubleCheckYourWork() 換到最前面執行 呼叫Function 順序以及參數有差? 有! 先來測試一下 呼叫函式(para1,para2) 的陳述式。 OrderBy()只給para1 OrderBy()給para1,para2 […]
Javascript -JSON 格式介紹與實作
JSON是什麼 JSON（JavaScript Object Notation）是一種輕量級的數據交換格式， 是 Javascript Object Notation 的縮寫。 通常先學 Javascript 再學 JSON ，因為它是 Javascript 衍生出的一項功能。 JSON 是根據 JavaScript 的物件實字 (object literal) 發展出來的。 市面上也有另一個資料交換格式 XML，許多.Net […]
JS – Read the Data in Object讀取物件內屬性的另一個方法
如題 僅演示該方法 讀取物件內屬性 當你的物件建立完成後, 你可以利用 [ 中括號 ] 去讀取屬性資料! 執行結果
JS Delete the Data in Object刪除物件資料
延用物件Dynamics 的範例去解說刪除物件內的屬性! https://www.educative.io/answers/what-is-the-delete-operator-in-javascript 加入刪除物件_屬性 加入delete 語句 執行結果
JS- Object is Empty 空物件/你的物件內屬性常常變動嗎?
理解物件的概念之後, 這裡示範空物件產生 空物件的用法, 一般是用在時常變動內部屬性的的物件名稱 何謂空物件 格式: Let 物件名稱 = {大括號}Object is Empty 執行結果 物件作用域外_新增屬性 把該物件名稱 Dynamics 加入其他的屬性 執行結果 更改屬性內部值 執行結果
JS-DOM (Document Object Model)文檔物件模型
首先我們要了解DOM 的概念! DOM 全名為: Document Object Model 文檔物件模型 (DOM) 是提供我們寫程式的一種介面，可讓腳本語言（如 JavaScript）訪問網頁的結構和內容。 DOM 每一層都有自己的節點(Node)，每個節點都有屬於自己的物件。 我們能透過DOM內建的屬性與方法去讀取或更改內容。 我們可以看到 Document 在最上層的級別，到下面的節點都有自己的子孫。 用DOM Tree 來解釋的話。 甚麼是DOM Tree? 當我們打開HTML 是以下範例 範例來源 […]
JavaScript 白話物件範例
本身是工業機電整合 背景的工程師 喜歡土炮 + 自己架設環境的個性 又剛剛好是機械系畢業的… 接下來讓我用機械、機構、機件去解釋甚麼是 “物件” 資助一下肝肝的工程師吧! A_A ETH/ERC20 [ 物件-機械類比 ] 我們組成機械組成單位, 由大到小去闡述: 在開始白話解釋物件時, 我們得先知道括號種類 [括號分別] 蠻多人到了我這個年紀, 卻不知道括號有哪幾種? 這裡我幫忙整理幾個… https://zh.wikipedia.org/zh-tw/%E6%8B%AC%E5%8F%B7 [物件-白話] [物件內的括號]
JS-運算元Operands、運算子Operator、優先性Precedence、相依性Associativity
參考資料: MDN Web, 六角學院 運算子優先序（Operator precedence）決定了運算子彼此之間被語法解析的方式，優先序較高的運算子會成為優先序較低運算子的運算元（operands）。 請給予肝肝的工程師一些支持! ‘W’ <運算式與運算子/條件運算子> 摘錄: 條件 (三元) 運算子 是 JS唯一用到三個運算元的運算子：在一個條件後面會跟著一個問號 (?)，如果條件是 true，在冒號(:)前的表達式會被執行，如果條件是 false，在冒號後面的表達式會被執行，這個運算子常常被用來當作 if 的簡潔寫法. 3600.0 //運算元 4000.0 //運算元 運算子語法結構>> 參數 condition exprIfTrue […]