iT邦幫忙

六角學院相關文章
共有 92 則文章
鐵人賽 自我挑戰組 DAY 30
JavaScript 核心觀念 系列 第 30

技術 【Day30】函式常見的陷阱題

今天來講解 this 相關的陷阱題 第一題 myName = '全域'; var person = { myName: 'weiwei', g...

鐵人賽 自我挑戰組 DAY 29
JavaScript 核心觀念 系列 第 29

技術 【Day29】this - DOM

今天要來講解 DOM 與 this 的關係, 對於 DOM 的操作有兩種方式, 第一種是直接將方法寫在元素上, 首先我們先準備一個 button <but...

鐵人賽 自我挑戰組 DAY 28
JavaScript 核心觀念 系列 第 28

技術 【Day28】this - call, apply, bind 與嚴謹模式

call, apply, bind 方法 當我們對函式使用 call, apply, bind 這三種方法時,能改變 this 的值 簡易呼叫 先來看一般的函式...

鐵人賽 自我挑戰組 DAY 27
JavaScript 核心觀念 系列 第 27

技術 【Day27】this - 簡易呼叫(Simple Call)

簡易呼叫(Simple Call) 當我們直接執行函式時,就是所謂的簡易呼叫(Simple Call), 以下會列出各種簡易呼叫(Simple Call)的範例...

鐵人賽 自我挑戰組 DAY 26
JavaScript 核心觀念 系列 第 26

技術 【Day26】this - 物件的方法調用

在講解 this 之前,先來看一段程式碼,觀察它的執行過程 var myName = 'weiwei'; function callName() {}; c...

鐵人賽 自我挑戰組 DAY 25
JavaScript 核心觀念 系列 第 25

技術 【Day25】閉包進階:工廠模式及私有方法

我們先來看一段閉包程式碼 function arrFunction() { const arr = []; for (var i = 0; i...

鐵人賽 自我挑戰組 DAY 24
JavaScript 核心觀念 系列 第 24

技術 【Day24】閉包(Closure)

今天我要講解的是閉包(Closure),在進入之前我們先來看一段程式碼, 首先準備一個隨機生成字串的函式 function randomString(lengt...

鐵人賽 自我挑戰組 DAY 23
JavaScript 核心觀念 系列 第 23

技術 【Day23】參數

參數 首先我們先看一個範例 function fn(para){ console.log(para, arguments); }; fn('weiwe...

鐵人賽 自我挑戰組 DAY 22
JavaScript 核心觀念 系列 第 22

技術 【Day22】立即函式(IIFE)

立即函式特點: 立即執行 無法在函式外再次執行 接著我們來看立即函式的語法 (function() { console.log('立即函式'); }...

鐵人賽 自我挑戰組 DAY 21
JavaScript 核心觀念 系列 第 21

技術 【Day21】什麼是函式?

函式功能 函式在 JavaScript 中為物件型別,以下列出它一般的物件差別 被呼叫的能力 {} 能撰寫程式碼 () 能傳遞參數 有自己的 this 和...

鐵人賽 自我挑戰組 DAY 20
JavaScript 核心觀念 系列 第 20

技術 【Day20】淺層複製及深層複製

在 JavaScript 中,物件型別是利用傳參考的方式來傳遞它的值, 因此當我們要複製出獨立的物件型別時, 就必須使用淺層複製或深層複製的方式來複製它的值 淺...

鐵人賽 自我挑戰組 DAY 19
JavaScript 核心觀念 系列 第 19

技術 【Day19】傳值和傳址(傳參考)

傳值(Call by value) 在 JavaScript 中,只有原始型別為傳值(Call by value) 範例: var a = 100; var b...

鐵人賽 自我挑戰組 DAY 18
JavaScript 核心觀念 系列 第 18

技術 【Day18】物件與純值

在昨天的文章有提到物件可以使用 . 來新增屬性,以下使用各種型別來新增屬性 物件 物件新增屬性 const family = {}; family.name =...

鐵人賽 自我挑戰組 DAY 17
JavaScript 核心觀念 系列 第 17

技術 【Day17】物件結構與存取

物件宣告 物件內容為一個屬性 (property)對應一個值 (value), 如果要在後方添加新的屬性和值時,可用逗號(,)隔開, 物件有兩種方式可以宣告,分...

鐵人賽 自我挑戰組 DAY 16
JavaScript 核心觀念 系列 第 16

技術 【Day16】邏輯運算子及函式預設值

邏輯運算子 &&(and) 使用方式: expr1 && expr2 說明:主要用來驗證兩個值是否皆為真值(Truthy),...

鐵人賽 自我挑戰組 DAY 15
JavaScript 核心觀念 系列 第 15

技術 【Day15】寬鬆相等、嚴格相等以及隱含轉型

寬鬆相等( == ) 會進行型別轉換後,再對值進行比較 嚴格相等( === ) 會比較型別和值是否相同,因此不會有型別轉換發生 範例: 字串、布林會被轉型為數值...

鐵人賽 自我挑戰組 DAY 14
JavaScript 核心觀念 系列 第 14

技術 【Day14】優先性及相依性

優先性(Precedence) 決定運算子彼此之間被語法解析的方式,優先序較高的運算子會成為優先序較地運算子的運算元 相依性(Associativity...

鐵人賽 自我挑戰組 DAY 13
JavaScript 核心觀念 系列 第 13

技術 【Day13】運算子(Operator)

運算子主要是利用符號或單詞,來運算前後的值並回傳結果 範例: 我們到 Chrome 瀏覽器的 Console 來查 範例中 1 和 2 被稱為運算元,而 +...

鐵人賽 自我挑戰組 DAY 12
JavaScript 核心觀念 系列 第 12

技術 【Day12】原始型別及物件型別

JavaScript 中型別主要分為原始型別和物件型別兩種 原始型別 原始型別中包含七種型別, 而這些型別有各自的方法, 這些方法可以藉由包裹物件來查看, 其中...

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

技術 【Day11】動態型別

JavaScript 是動態型別的程式語言,指的是變數的型別是可以更換的, 而 JavaScript 執行的過程中,會有創造階段和執行階段, JavaScrip...

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

技術 【Day10】ASI 自動插入分號

ASI(Automatic Semicolon Insertion) 當 JavaScript 語句沒有加上分號時,則會受到自動插入分號(ASI)規則影響, 因...

鐵人賽 自我挑戰組 DAY 9
JavaScript 核心觀念 系列 第 9

技術 【Day09】陳述式與表達式

陳述式(Statement) JavaScript 語句類型,用於命令執行指定一系列操作,最大的特徵是不會回傳結果, 因為陳述式不會回傳結果,因此陳述式不能賦值...

鐵人賽 自我挑戰組 DAY 8
JavaScript 核心觀念 系列 第 8

技術 【Day08】執行緒與同步、非同步

單執行緒、同步 JavaScript 是單執行緒的程式語言, 表示一次只能處理一件事,前面的事情完成之前,後面都不會被執行, 這種資料處理方式稱為同步。 非同步...

鐵人賽 自我挑戰組 DAY 7
JavaScript 核心觀念 系列 第 7

技術 【Day07】記憶體存放與釋放

在 Day04 有提到在 JavaScript 裡, 函式執行時會產生函式執行環境,在該執行環境中會創造屬於自己的記憶體空間, 而在函式執行完畢後,會將記憶體空...

鐵人賽 自我挑戰組 DAY 6
JavaScript 核心觀念 系列 第 6

技術 【Day06】提升(Hoisting)

我們在進到主題前先來看一段程式碼,隨後在開發人員工具中觀察執行過程 function doSomething(){ var mom = '老媽'; }...

鐵人賽 自我挑戰組 DAY 5
JavaScript 核心觀念 系列 第 5

技術 【Day05】範圍鍊(Scope Chain)

所謂的範圍鍊是指當函式本身沒有變數時,而向外層尋找變數的過程, 但尋找的過程和執行環境沒有任何關係,而是跟作用域有關係 範例: var person = 'mo...

鐵人賽 自我挑戰組 DAY 4
JavaScript 核心觀念 系列 第 4

技術 【Day04】執行環境與執行堆疊

執行環境(Execution context) 函式執行環境 昨天有提到函式的作用域是限制在 function 內, 所以當我們宣告一個變數在 function...

鐵人賽 自我挑戰組 DAY 3
JavaScript 核心觀念 系列 第 3

技術 【Day03】語法作用域(Lexical scope)

今天要來介紹 JavaScript 的作用域, JavaScript 是採用語法作用域(靜態作用域) 首先我們先來看一個函式執行: function callN...

鐵人賽 自我挑戰組 DAY 2
JavaScript 核心觀念 系列 第 2

技術 【Day02】錯誤範例的 RHS 和 LHS

在 Day01 的文章中有提到, JavaScript 會先經過語法解析後,產生結構樹,代碼生成後才會運行 但在某些情況下,這些流程會產生錯誤 範例: 字串少寫...

鐵人賽 自我挑戰組 DAY 1
JavaScript 核心觀念 系列 第 1

技術 【Day01】JavaScript 是如何運行的

程式語言的運行過程 在知道如何運行之前,必須先了解程式語言是如何被運行的。 程式語言依照運行方式可分為兩種: 編譯式語言(Compiled language...