JavaScript語法使用-Function相關

關於 function

這篇由W3HEXSCHOOL發布的有關function的特性的講解可以參考
連結在這

MDN 的簡短說明

Function 建構函式可建立一個新的 Function 物件。在 JavaScript 中，所有的函式實際上都是 Function 物件。

Kuro 大大在先前 IT 鐵人賽 - Day 10 函式 Functions 的基本概念中也有提到

在前面介紹變數型別的時候曾經說過，除了基本型別以外的都是物件。
當我們透過 typeof 去檢查一個「函式 (function) 」的時候，雖然你會得到 “function” 的結果，
讓你以為 function 也是 JavaScript 定義的一種型別，但實際上它仍屬於 Object 的一種。
你可以把它想像成是一種可以被呼叫 (be invoked) 的特殊物件 (值)。

IIFE (立即執行函式)

接下來談談 IIFE 全名為 Immediately Invoked Function Expression，意思就是定義完這個函式後馬上就執行的意思，此外它又可以稱之為 Self-Executing Anonymous Function，中文意思是自我執行匿名函式，而 IIFE 的好處是可以避免汙染到全域(global)。

IIFE 的話則是可以改用箭頭函式撰寫

1
2
3

(() => {
console.log('Hi')
})()

箭頭函式的使用注意

filteredMovies = []
filteredMovies = movies.filter( movie => movie.title.toLowerCase().includes(keyword)) // OK，前面參數沒帶小括號可以，後面沒帶花括號也可以
filteredMovies = movies.filter( (movie) => movie.title.toLowerCase().includes(keyword)) // OK，前面參數沒帶小括號可以，後面沒帶花括號也可以
filteredMovies = movies.filter( movie => { return movie.title.toLowerCase().includes(keyword)}) // OK，前面參數帶小括號可以，後面沒帶花括號要加上return
filteredMovies = movies.filter( (movie) => { return movie.title.toLowerCase().includes(keyword)}) // OK，前面參數沒帶小括號可以，後面沒帶花括號要加上return
// 結論，有花括要帶上return