try catch 與 throw Error
try {
throw new Error('哀呀我錯了抱歉')
console.log('hello')
} catch (error) {
console.log(error)
}
:::info
try catch 目的是為了要攔截錯誤以利後續程式碼繼續執行(繼續實作我們的業務邏輯)
:::
- Xshell Ubuntu 22port Ubuntu 22.04 網路設定 (靜態IP) linux設置靜態IP（Ubuntu、CentOS） 如何在Ubuntu 22.04安装Nginx 如何在 Ubuntu 22.04 LTS 上啟用/禁用防火牆 XShell 遠端訪問VMware中的Linux,可圖形化介面訪問 host file C:\Windows\System32\drivers\etc
JUNG-DI TSAI changed 3 years agoBook mode
- Editor: Jung Email: chung.di.ca@gmail.com 歡迎和大家交流 GraphQL 一種用於API的查詢語言 淺談ＧraphQL GraphQL介紹 使用express+GraphQL GraphQL Clients
- editor: Jung environment：node.js 14.7.2 簡單介紹 :::info 當在不是物件導向的環境下，this的預設值會是global，那這個global取決於你在什麼環境下面。 譬如當我在node.js下面跑下面這一個test的function，它的this是一個叫做global的變數。 但當你在瀏覽器上面跑的話，this就會是window。依據環境的不同，this的值也會不同。但它都是global的東西（一個全域的東西）。
- 編輯 : Jung 來源:卡斯伯 Blog 七種陣列的處理方法 讓自己對於陣列操作更熟悉，開發效率Up!Up! :::info ==filter()==,==find()==,==forEach()==,==map()==,==every()==,==some()==,==reduce()== ::: :::spoiler 目錄 [toc]
- Editor: Jung 程式碼 ==一個程式(program)，常被稱作原始碼(source code)或單純叫做程式碼(code)，是一組特殊的指令，用來告訴電腦要執行什麼任務==。通常程式碼會被儲存在一個文字檔(text file)中，不過就JavaScript而言，也可以直接在把程式碼鍵入到瀏覽器(browser)的開發人員主控台(developer console)中。 規範有效指令格式與組合的規則，被稱作電腦語言(computer language)，有時候被叫做它的語法(syntax)，就很像英語會告訴你如何寫詞語，以及如何使用標點符號建立正確的句子。 述句 在一個電腦語言中，會執行特定工作的字詞、數字及運算子(operators)組合，就是一個敘句(statement)。在JavaScript中，一個述句看起來就會像這樣:
- Editor: Jung 值與型別 變數 條件式 Strict模式 作為值的函式 this 識別字 原型 舊功能與新特色
- Editor: Jung 導讀篇 :::info 程式設計簡介 JavaScript入門 你所不知道的JS-系列簡介 :::
- Editor: Jung :::info 自動編譯文件 編譯文件時，使用 -w 指令後，TS編譯器會自動監視文件的變化，並在文件發生變化時對文件進行重新編譯。 範例： tsc xxx.ts -w
- Editor: Jung :::info 通常情況下，實際開發中我們都需要使用模組打包工具對程式碼進行打包，TS同樣也可以結合模組打包工具一起使用，下邊以webpack為例介紹一下如何結合模組打包工具使用TS。 步驟： 初始化專案 進入專案根目錄，執行命令 npm init -y
- 主要紀錄 - 「讓TypeScript成為你全端開發的ACE」一書後的筆記。也希望可以透過在閱讀這本書之後對於TypeScript有更多的了解。也希望把這樣的讀後心得，寫成可以和大家分享的筆記。 感謝作者 - 「黃俊鑫」 寫了這樣一本 在台灣資訊圈關於TypeScript的專書。 筆記 Editor: Jung Email: chung.di.ca@gmail.com 歡迎和大家交流 讓 TypeScript 成為你全端開發的 ACE！ 01 TypeScript的發展與概論
- Editor: Jung 動態語言(Dynamically Typed) VS 靜態語言(Statically Typed) :::info 動態語言: 動態語言的特色為: 在程式運行的狀態下，也就是在英文文章裡面會看到的Run-time期間，任何變數是經由被帶入值來判斷其型別;也就是說，變數的型別會依據存的值本身來判斷。 靜態語言:
- Editor: Jung 型別註記與型別推論 :::info 型別註記(主動) 型別註記是TS非常重要的一個特點 通過型別註記可以指定TS中變數（參數、形參）的型別
- Editor: Jung :::info 經過一系列的配置，使得TS和webpack已經結合到了一起，除了webpack，開發中還經常需要結合babel來對程式碼進行轉換以使其可以兼容到更多的瀏覽器，在上述步驟的基礎上，通過以下步驟再將babel引入到專案中。 安裝依賴包： npm i -D @babel/core @babel/preset-env babel-loader core-js 共安裝了4個包，分別是：
- Editor: Jung Intro :::info TypeScript是JavaScript的超集合(Superset)。 它對JS進行了擴展，向JS中引入了類型的概念，並添加了許多新的特性。 TS程式碼需要通過 編譯器(compiler) 編譯為JS，然後再交由JS解析器執行。 TS完全兼容JS，換言之，任何的JS程式碼都可以直接當成JS使用。(該程式碼在型別系統的監控下是沒有問題的)。 相較於JS而言，TS擁有了靜態類型，更加嚴格的語法，更強大的功能；TS可以在程式碼執行前就完成程式碼的檢查，減小了運行時異常的出現的機率；TS代碼可以編譯為任意版本的JS代碼(透過tsconfig的設定)，可有效解決不同JS運行環境的兼容問題；同樣的功能，TS的代碼量要大於JS，但由於TS的程式碼結構更加清晰，變量類型更加明確，在後期程式碼的維護中TS卻遠遠勝於JS。
- 通用輔助小工具: :::spoiler Grid Ruler-尺標工具 ColorPick Eyedropper-顏色選取 ::: [toc] 版面配置 display 屬性
