為何會用到函式 因為同樣的邏輯常常要重複用很多次,把它包成函式,以後只要「呼叫一下」就能重複使用,不用每次都重寫一遍。 想像一下:你家巷口有一台自動販賣機。你投...
陣列裡面放物件 let fruits = [ { name: "蘋果", price: 35, stock: 2...
物件的格式 let student = { name: "小明", // 字串 school: "台北大學&...
何時該用陣列(Array)當你需要儲存多筆同類型、有順序的資料,並且之後要對這群資料做有條理的批次處理(如查詢、新增、刪除、計算、轉換) 資料是「一群東西」而...
情境題 1：便利商店折扣便利商店活動：消費滿 100 元才能參加折扣。滿 100 元的話，如果是會員再打 9 折，非會員打 95 折 let total = 1...
情境一：自動販賣機買飲料你有 50 元，一瓶飲料要 35 元。進入販賣機時，機器要判斷你的錢夠不夠。 const myMoney = 50; const dri...
比較運算子大於> console.log(3>2); //輸出true 小於< console.log(4<1); //輸出false...
字串轉數字 let a = "1"; console.log(a+1); //輸出11 加入parseInt語法 let a = &quo...
undefined 是 代表「尚未賦值」或「沒有定義」。當程式預期要取得某個值，但該值不存在或尚未產生時，就會回傳 常見的 4 種出現時機 變數已宣告，但尚未...
處理字串的方式查字串長度-length let a = "1234567890"; console.log(a.length); //輸出1...
字串的宣告方式 let a = 'Hello'; //字串加上單引號或是雙引號 "Hello" let b = '你好嗎?'; consol...
賦值運算子（Assignment Operator）是用來將數值、字串或運算結果，指定（賦予）給變數的程式符號 運算子 範例 等同於 說明 = x...
三者比較表 特性 var let const Scope（作用域） Function scope只被函式限制 Block scope被 { } 限...
嗨，我是han，今天要來討論另外一個在用JavaScript開發時常常會遇到，但很容易踩到坑的 this；這篇文章小弟以程式小白的角度，整理出開發過程中遇到 t...
第一次發文，選擇了困擾許久，卻在最近突然茅塞頓開的正規表達式，如果剛好有小白也深受正規表達式荼毒(?)，希望有幸看到這篇文章能對您有所幫助。由於markdown...
toString(2) 可以把數字轉成二進位的字串 (9).toString(2) //1001 數字外要加括號，否則 JS 預設會將.當作小數點，導致語...
前一天我們談的是為什麼要有 TypeScript今天要解決的是新手最常卡住的一點：型別到底在寫什麼？為什麼要寫？ 一、型別其實是在幫資料寫說明書 let ag...
如果寫 JavaScript 一段時間，應該多少遇過程式可以跑、畫面也出來了，但某個按鈕一點就壞，錯誤訊息還指向一個你完全沒想到的地方。TypeScript 的...
剛開始寫程式的時候，通常會遇到幾個狀況，像是一個檔案越寫越長、同一段邏輯重複好幾次、變數名字當下看得懂過幾天就忘了問題通常不會現在體現而是下一次要改的時候 一...
在新手階段，我們很容易把成功執行當成終點只要沒報錯、畫面有出來、功能能用就會下意識覺得完成了 問題是，如果專案一變大、使用者一變多時，會出現問題 一. 效能不...
在學 JavaScript 的過程中，this 幾乎是很容易誤解的一個關鍵字很多混亂並不是因為語法寫錯，而是一開始就用錯理解方式 一. this 不是寫在哪裡...
JavaScript 其實不是 class 在撐世界剛開始學 JavaScript 的時候，我一直以為它跟 Java、C# 很像有 class、有 constr...
今天這一篇要解決的是另一種新手常見的痛點專案越寫越亂，到底該怎麼整理？我們會談三件事： src 裡面怎麼分資料夾 .env 環境變數到底在幹嘛 圖片、資產要放...
在寫前端之前，最讓人卡關的往往不是語法，而是專案怎麼開始檔案一堆、指令一堆，不知道哪些重要、哪些可以先忽略 Vite 的好處就在於，它幫你把起跑線整理好，你只要...
ㄧ.為什麼大家都用 npm run？ 我們可能很常看這種指令 npm run dev npm run build npm start 其實它們本質只有一件事，...
一. npm是什麼？ npm = Node Package Manager會幫我們做三件事，下載套件、管理版本、記錄專案用到什麼 npm init 專案的起點在...
當程式碼開始變長、檔案開始變多、找一個功能卻要上下滾半天，這時候「模組化」就很重要了！ 一、export / import 是在做什麼？ ES Modules...
為什麼需要模組化 全域汙染：全域變數會是windows，會被汙染。標籤順序混亂：有時script標籤所在位置會導致網頁加載失敗或錯誤，雖然可以在開頭標籤內用de...
有時候我們只是想抓個資料，為什麼 then 一層又一層？所以今天我們要來把 Promise 變成更直覺、更乾淨的寫法! 今日的目標： 了解async/awai...
今日的目標： Promise.all → 全部成功才成功 Promise.race → 誰先回來就用誰（timeout 常用） Promise.any → 至...
iThome鐵人賽
看影片追技術