javascript

[JavaScript] 判斷式 if...else 的各種寫法

JavaScript 的 判斷式 if...else 有提供簡寫的撰寫方式,只要透過一些 邏輯運算子 [https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Obsolete_Pages/Obsolete_Pages/Obsolete_Pages/%E9%81%8B%E7%AE%97%E5%AD%90/%E9%82%

[JavaScript]函式的宣告

JavaSctipt 定義函式的方法不只有一種,而每一種定義函數的方式有著各自的術語,也會個別運用在不同的設計模式裡,對其了解也是學習 JavaScript 的基本功,說明如下: -------------------------------------------------------------------------------- 基本函數定義的方式: function test(){} //宣告函式 //函數運算式 var test = function(){} //匿名函式 var test = function test(){} //具名函式 這三種看似差異不大,可是其實在實戰中是有影響與差別的,主要差別就在與 scope(作用域) 和我前 一篇 [http://skyroxas.tw/

[JavaScript] JavaScript 編譯的特性「Hoisting」

我們一般在撰寫 JavaScript 的編碼時,往往會認為正在撰寫的 應用 會照著我們撰寫的程式碼一行一行的執行,其實並不盡然~ 我們寫的程式碼會先被 JavaScript 的編譯器進行轉換,將之轉換成給電腦執行的編碼,這邊將舉例來說明 JavaScript 其中的一項編譯的特性「Hoisting」,對其有個初步了解,可以幫你避免掉一些非預期的錯誤! -------------------------------------------------------------------------------- 什麼是 Hoisting ? 直接在實例中說明: var x; x = 10; alert(x) 這段基本的程式宣告 return 出的結果就是 10,相信這部分大家都是沒有問題的,但如果我把編碼改成如下:

[套件] highlight.js 讓網站顯示好看的程式碼區塊

highlight.js 可以為你網站的 程式碼區塊 提供大量的版型,讓你的 技術BLOG 看起來跟有格調,也可以大幅提升文章的可讀性,提供各種語言的版型可供使用,且非常的好套用 > 官方網站:highlight.js [https://highlightjs.org/] -------------------------------------------------------------------------------- 如何套用? 只需將 highlight.js 提供的 cdn ,直接加入網站的 head : <link rel="stylesheet"

[jQuery]函式說明: jQuery.extend()

jQuery.extend() [http://api.jquery.com/jQuery.extend/],是 jQuery 用於合併兩個或多個 JavaScript Object 所提供的方法,如果你有用過 git,那就能更容易的理解他的用途,可以直接把他當作 git 在 merge 的時候來理解他的功能,沒使用過的也沒關係,文章會呈現一些範例可以理解一下 jQuery.extend() [http://api.jquery.com/jQuery.extend/] 產生的結果