undefined

物件屬性取值

本文探討物件屬性取值可能會遇到的兩件事與其解法:(1)取不到值時的後續處理?(2)屬性的名稱用點分隔,要怎麼取值?

javascript javascript object ReferenceError undefined ES6 · 留言


在瀏覽器輸入網址並送出後,到底發生了什麼事?

這道題目涵蓋前端技術範圍很廣,很適合在各階段拿來梳理並檢視自己的技能和狀態。那麼,就讓我來檢視一下自己的狀態吧 d(`・∀・)b

效能調校 轉譯效能 關鍵轉譯路徑 你懂JavaScript嗎? 你所不知道的JS 加載效能 圖片最佳化 快取 Rendering Performance Critical Rendering Path Resource Hints Web Workers Worker requestAnimationFrame Gzip HTTP Caching Loading Performance You-Dont-Know-JS cache javascript javascript prototype undefined · 留言


你懂 JavaScript 嗎?#29 語法(Syntax)

本文主要會談到 ES6 新增的熱門語法,包含以區塊為範疇的宣告、分散與其餘運算、預設參數值、解構、物件字面值擴充功能、範本字面值、箭號函式。。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 ES6 You-Dont-Know-JS-ES6-and-Beyond ReferenceError undefined · 留言


你懂 JavaScript 嗎?#17 物件(Object)

關於物件,本文會提到-語法:宣告式與建構形式;型別:再次複習 typeof、使用 instanceof 判定物件子型別;內容:屬性值的存取、物件的複製(淺拷貝與深拷貝)、屬性描述器、不可變的物件、取值器與設值器、檢視屬性是否存在、屬性列舉;迭代:一些迭代出陣列的值的方法。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-this-and-Object-Prototypes undefined · 留言


你懂 JavaScript 嗎?#16 this

本文主要會談到-this 是什麼?判斷 this 的值的四個規則與例外。語彙的 this,這裡會提到箭頭函數中的 this 的不同之處。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-this-and-Object-Prototypes ReferenceError undefined · 留言


你懂 JavaScript 嗎?#13 拉升(Hoisting)

本文主要會談到-什麼是拉升(hoisting)?變數與函式的拉升有什麼不同?怎麼處理在 script 標籤內宣告的全域變數?是否也有拉升的狀況?拉升 vs 重複宣告的變數與函式,要怎麼處理?

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Scope-and-Closures ReferenceError undefined · 留言


你懂 JavaScript 嗎?#12 函式範疇與區塊範疇(Function vs Block Scope)

本文會提到範疇的劃分單位可分為兩種-函式範疇與區塊範疇,它們有什麼不同?各有什麼優點?函式範疇的重要觀念與相關應用-函式宣告與函式運算式、匿名與具名函式、即刻調用函式運算式。區塊範疇的重要觀念與相關應用-const 與 let、垃圾回收。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 ES6 You-Dont-Know-JS-Scope-and-Closures ReferenceError undefined · 留言


你懂 JavaScript 嗎?#8 強制轉型(Coercion)

強制轉型(coercion)到底是一個有用的功能,還是設計上的缺陷呢?

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 Jest Unit Test 單元測試 You-Dont-Know-JS-Types-and-Grammar undefined · 留言


你懂 JavaScript 嗎?#7 原生功能(Natives)

本文主要會談到...何謂 Natives(原生功能)?怎麼用?物件包裹器、陷阱、解封裝;各類建構子的原生功能、原生的原型。雖然優先使用字面值而非使用建構子建立物件,還是需要來看一些需要關心的議題和警惕用的錯誤用法。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? javascript array javascript date 鐵人賽 javascript prototype You-Dont-Know-JS-Types-and-Grammar undefined · 留言


你懂 JavaScript 嗎?#4 型別(Types)

本文主要會談到 (1) 何謂「型別」?內建型別有哪些?常見疑難雜症與解法;(2) 未定義(undefined)vs 未宣告(undeclared)。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? javascript array 鐵人賽 You-Dont-Know-JS-Types-and-Grammar ReferenceError undefined · 留言


你懂 JavaScript 嗎?#3 暖身 (๑•̀ㅂ•́)و✧ Part 2 - 變數、嚴格模式、IIFEs、閉包、模組、this、原型、Polyfill 與 Transpiler

在上一篇暖身文章中大致聊過了一些基本知識,像是運算子、運算式、值與型別、變數、條件式、迴圈,本文還會再探討一些基礎概念,像是變數、函式範疇、拉升、巢狀範疇、嚴格模式、IIFE、閉包、模組、this、原型、Polyfill 與 Transpiler。本文也僅是概念而已,之後會有單篇章節細細討論的,所以就算是暖身 Part 2 摟。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 javascript prototype You-Dont-Know-JS-Up-and-Going ReferenceError undefined · 留言


你懂 JavaScript 嗎?#2 暖身 (๑•̀ㅂ•́)و✧ Part 1 - 運算子、運算式、值與型別、變數、條件式、迴圈

本文主要內容為程式設計簡介,在此可看到在初學階段所必須理解的各種專有名詞。

You-Dont-Know-JS javascript 2019鐵人賽 你所不知道的JS 你懂JavaScript嗎? 鐵人賽 You-Dont-Know-JS-Up-and-Going ReferenceError undefined · 留言


ES6 Top Features You Must Know

ES6 快速小筆記:let / const、物件縮寫 Object Shorthand、預設傳入參數 Default Paramaters、解構賦值 Destructuring Assignment、字串模板 String Template、擴展運算子 Spread Operator、其餘運算子 Rest Operator、箭頭函數 Arrow Function、Class、Mudule 等。

ES6 javascript javascript prototype ReferenceError undefined · 留言


jQuery .attr() vs .prop()

Attribute 與 Property 的差異、jQuery 相關程式碼解析。

jQuery javascript undefined · 留言


ES6: let, const, Block-Level Scope

let, const, var, function declaration, block-level scope, hoisting 相關筆記。

ES6 javascript undefined · 留言


JavaScript: Closure 與 Hoisting

分散 var 來宣告變數並沒有太大的意義,因為就 JavaScript 程式語言的特性來說,函數(Function)中未宣告而先用到的變數會被提升至區塊的第一行做宣告。先來看基本觀念 Closure,再來看 Hoisting。

javascript ReferenceError undefined · 留言