Please enable JavaScript.
Coggle requires JavaScript to display documents.
function (函數的不同寫法 (箭頭函式 (let triangleArea = (width, height) => { return…
function
函數的不同寫法
一般
函式宣告 (function declaration)
函式表達式 (function expression)
變數沒有hoisting
一定要寫在頂部
具名函式 v.s. 匿名函式
匿名
element.addEventListener()
搭配使用
具名
可重複使用
箭頭函式
let triangleArea = (width, height) => { return (width * height) / 2 }
省略function
et regularTriangle = length => { return (length * length) / 2 }
參數為一個,可省略()
傳值只有一行 expression，可以進一步省略大括號和 return
let regularTriangle = length => (length * length) / 2
缺點
this
易指向window
IIFE
「Immediately Invoked Functions Expression」
定義函式的瞬間就執行它
用()包裹起來
優點
可不命名就使用
避免重複命名
()內的值
參數parameter
預設為undefined
引數 (argument)
invoke時
指派給參數的值
functionname( argument)
調用invoke
也叫call
functionname()
宣告位置
hoisting提升
被宣告的項目提升到同一個作用域 (scope) 的最頂端
var 關鍵字來宣告變數也有
let,cont 沒有
習慣
全部放在一起，統一放在頂部或底部
引數是怎麼傳遞給函式
按值傳遞 (call by value)
引數把值copy給參數
function作用不影響數值