iT邦幫忙

javascript相關文章
共有 5649 則文章
鐵人賽 自我挑戰組 DAY 12

技術 Day12-[Grind 169 questions][Array] LeetCode 238、39、56

238. Product of Array Except Self 解題程式碼 var productExceptSelf = function (nums)...

鐵人賽 Modern Web DAY 10

技術 閉包和他的快樂小夥伴scope chain

閉包無所不在,在你還沒知覺到的時候,你已經寫了一個閉包,像是這樣: const outVar = "out variable"; const...

鐵人賽 自我挑戰組 DAY 14

技術 Object.create 與純粹的原型繼承

Object.create Object.create 接受一個物件當作傳入的參數,這個傳入的物件會被新增到 Object.create 回傳的新物件中當作它能...

鐵人賽 Software Development DAY 11

技術 [Day11] 不懂JavaScript 只好等著被整😔 流程控制篇 (2)

昨天講解了流程控制的if...else (如果符合條件的話,就執行以下程式碼),今天要講的是流程控制中的 switch 語法。可以把 switch 當作是選擇題...

鐵人賽 自我挑戰組 DAY 11
複習 JavaScript 核心概念 系列 第 11

技術 [Day 11] JavaScript 可以不加分號?關於「自動分號插入(ASI)」

在大部分程式語言中,分號通常被放在一行程式碼的最尾端,來表示這行程式碼到這裡就結束了。然而在 JavaScript 中,你可能會注意到,有時候你可以不加分號而程...

鐵人賽 Software Development DAY 11

技術 Day 11 - 理解 JavaScript,為什麼要知道原型、原型鏈與原型繼承?

今天來點 JavaScript 的原型與繼承! Prototype(原型)是什麼? 當我們在 JavaScript 中建立物件時,每個物件都有一個隱含屬性 [[...

鐵人賽 Software Development DAY 9
Should I use fp-ts 系列 第 9

技術 [Should I use fp-ts?] Day 09 - fp-ts: Option flatten, flatMap(chain)

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-09 並且有習題和測試可以讓大家練習。...

鐵人賽 Software Development DAY 10

技術 [Day10] 不懂JavaScript 只好等著被整😔 流程控制篇 (1)

通常程式執行的順序都是由上到下執行,但是有些時候會需要按照不同條件去執行對應的程式碼,像是如果是晴天就戴墨鏡,如果是雨天就帶雨傘,如果都不是就啥都不帶。這種流程...

鐵人賽 Modern Web DAY 24

技術 模組 & 命名空間 ( Modules & Namespaces )

相信使用 ES6 的小夥伴們對模組都不陌生,現代前端框架也都使用模組在運作。而模組和命名空間是兩種組織和封裝程式碼的方式,雖然它們都有類似的目標,但它們在某些方...

鐵人賽 Software Development DAY 10

技術 Day 10 - 理解 JavaScript,為什麼要知道如何建立物件?

物件是 JavaScript 中的核心概念,上篇有提及 new,今天來點如何建立物件吧! JavaScript 的基本型別 在之前的篇章中都未提及過的基本型別,...

鐵人賽 自我挑戰組 DAY 22
一個月的後端學習之旅 系列 第 22

技術 【DAY22】繼承、原型鏈、Prototype Inheritance in Constructors

繼承 Inheritance 在JavaScript中,每個物件都有一個private attribute叫做__proto__ __proto__屬性存放的值...

鐵人賽 自我挑戰組 DAY 21
一個月的後端學習之旅 系列 第 21

技術 【DAY21】遞迴、費波那契數列

Call Stack Call stack 是 JS 引擎追蹤本身在調用多個函數的程式碼中位置的機制,是資料結構的一種(電腦中的資料結構有分成 stack, q...

鐵人賽 自我挑戰組 DAY 23

技術 Day23 JavaScript是傳值還是傳址

今天終於要進入Javascript的世界啦! 因為在還沒鐵人賽之前有寫了幾篇文章,所以會跳過有寫過文章的部分。 如果小夥伴們對於JS變數宣告、型別、範圍鍊有興趣...

鐵人賽 自我挑戰組 DAY 10
複習 JavaScript 核心概念 系列 第 10

技術 [Day 10] 非同步任務的兩種類型:Macrotask 與 MicroTask

昨天提到了瀏覽器中 事件循環(Event Loop) 整體的運作過程,但其中有個地方沒有深入介紹,那就是Macrotask 和 MicroTask。 注意,接下...

鐵人賽 Modern Web DAY 9

技術 js的模組化:Common js & ES module

剛開始寫js的時候,寫的都是奈米級單元的小東西,完全沒感覺需要模組化什麼東西,但前輩題點說,雖然現在的東西還簡單,實際上應該沒有模組化的必要,但若能在這樣的狀態...

鐵人賽 Modern Web DAY 9
了不起的 Svelte 系列 第 9

技術 第 09 天:Svelte 中的 Javascript:陳述

第 09 天:Svelte 中的 Javascript:陳述 我是真的有被標註的。一個星期六早上,一位穿著 Svelte 官方橘的司機走進了我庭院的草坪,替他...

鐵人賽 自我挑戰組 DAY 13

技術 建構子與「.prototype」

new 運算子與建構子 在 JavaScript 中除透過過物件實體語法 {} 來建立物件之外,還可以透過在呼叫 function 前透過 new 運算子來建立...

鐵人賽 自我挑戰組 DAY 9

技術 Object 常用錦集

前言 前後端傳值時也很常用到的Object方法。 本篇文章會介紹到 Object.assign()、delete、Object.keys()、Object.va...

鐵人賽 自我挑戰組 DAY 9

技術 [Day 09] 不可不知的事件循環(Event Loop)

昨天稍微講了 同步 和 非同步 ,而實際上 JavaScript 是怎麼做到非同步的,那就是今天的主體:事件循環(Event Loop)。在這之前,要先來介紹整...

鐵人賽 Software Development DAY 9

技術 [Day9] 不懂JavaScript 只好等著被整😔 函數篇

我們在寫程式時,常常會遇到需要做重複動作的任務,為了避免每次都要浪費時間寫一樣的程式碼,就會使用函數 (Function) 把那段程式包住,之後再遇到一樣動作的...

鐵人賽 Software Development DAY 8
Should I use fp-ts 系列 第 8

技術 [Should I use fp-ts?] Day 08 - fp-ts: Option map

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-08 並且有習題和測試可以讓大家練習。...

鐵人賽 Software Development DAY 9

技術 Day 09 - 理解 JavaScript ,為什麼要知道 this?

今天我想來點 this ! 當時在學習 this 概念時,覺得有點複雜,但他又是 JavaScript 中滿重要的概念之一,而且之前在看 JavaScript...

鐵人賽 Modern Web DAY 23

技術 類別封裝 ( Class Encapsulation )

類別封裝是一種將類別的內部細節隱藏起來,確保類別的屬性和方法在外部程式碼中不被隨意訪問,提高程式碼的可維護性和可讀性,同時提供了一定程度的安全性。 存取修飾符...

鐵人賽 自我挑戰組 DAY 11

技術 Day11-[Grind 169 questions][Array] LeetCode 121、57、15

121. Best Time to Buy and Sell Stock 解題程式碼 var maxProfit = function (prices) {...

鐵人賽 自我挑戰組 DAY 10

技術 Day10-[30 Days of JavaScript] LeeCode 2705、2715、2722、2723

2705. Compact Object 解題程式碼 var compactObject = function (obj) { if (obj === nu...

鐵人賽 自我挑戰組 DAY 9

技術 Day9-[30 Days of JavaScript] LeeCode 2629、2637、2665、2704

2629. Function Composition 解題程式碼 // 解法 1. 最簡潔 const compose = (fs) => (x) =&g...

鐵人賽 Modern Web DAY 4

技術 JavaScript 中的 Object 使用方法深度解析

在 JavaScript 中,Object是我們很常拿來使用的資料結構。 無論您是初學者還是資深開發者,了解 Object 提供的方法都蠻幫助你在程式碼上寫的更...

鐵人賽 自我挑戰組 DAY 8

技術 Day8-[30 Days of JavaScript] LeeCode 2622、2623、2625

2622. Cache With Time Limit 解題程式碼 var TimeLimitedCache = function () { this.ca...

鐵人賽 Modern Web DAY 8
了不起的 Svelte 系列 第 8

技術 第 08 天:Svelte 中的 Javascript:宣告

第 08 天:Svelte 中的 Javascript:宣告 在許多夏日的夜晚,我鄰居的家中總是傳來陣陣宣告變數的聲音。在他藍藍的花園裡頭,男人女人像飛蛾一般...

鐵人賽 自我挑戰組 DAY 20
一個月的後端學習之旅 系列 第 20

技術 【DAY20】作用域、閉包

作用域 Scope 是指在當前的 execution context 之中,變數的可訪問性accessibility 為何?(variable scope 為何...