javascript

[ES6 JavaScript] ES6 宣告函式的寫法:箭頭函式

JavaScrip 在 ES6 中提供了 新的 宣告函式 的寫法,為 箭頭函式,此宣告方式比原本使用 functoin 字串來進行函式的宣告來的更 精簡 ,下面來看看如何使用 箭頭函式 來進行函式的宣告吧: -------------------------------------------------------------------------------- 箭頭函式 基本的宣告方式如下: (參數)=>(回傳結果) 編碼範例: let test = (a,b)=>(a+b); console.log(test(

[JavaScript ES6] 宣告變數 let 與 const

JavaScript 的 ES6 中,多了兩種宣告變數的方法, let 與 const , 這兩種宣告的方式出現,使 JavaScript 在編碼上更加的嚴謹,但相對的 提高了不少的 可讀性 ,給 降低 了許多 維護成本 , 下面說明會那原有的 var 宣告方式進行比較: -------------------------------------------------------------------------------- > const 的宣告方式,比較容易理解,先從 const 進行說明: const : const 是在

[JavaScript]Array.filter()過濾陣列元素

filter() 是 JavaScript 提供於 Array 資料型態 的方法,專門用來處理 過濾 陣列(Array)裡的元素,下面使用範例來實際說明,如何使用 JavaScript filter() 的方法: > 除了陣列物件之外,任何具有 length 屬性且具有數值索引屬性名稱的物件都可以使用 filter 方法 -------------------------------------------------------------------------------- 語法: array.filter( callbackfn [ , thisArg ] ) -------------------------------------------------------------------------------- 傳回值: 新陣列,

[JavaScript] 什麼是 閉包 (Closure)?

閉包 (Closure) 是在開發 JavaSctip 時,宣告函式的一種模式,以在 MDN [https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Closures] 中是這樣解釋: > 閉包 (Closure)是指能使用獨立(自由)變數的函式(在使用運用,但在封閉的作用域中定義)。換言之,這些函式能「記得」被建立時的環境。 光看上面的文字敘述,其實是有點難懂的,下面我們以實例來說明:

[JavaScript] 宣告變數 與 作用域

JavaScript 有 兩種 宣告變數 的類型,全域變數(Global Variable)與 區域變數(Local Variable), 而兩者的差異就是 作用域(scope) 雖然 JavaScript 宣告變數的方式非常的容易,不過對這兩者的 作用域(scope),是需要花點時間去了解的,也是 JavaScript 的基本功: -------------------------------------------------------------------------------- 範例: function parent(){ var name = "parent