JS定義函數(shù)的幾種常用方法小結(jié)
本文實(shí)例講述了JS定義函數(shù)的幾種常用方法。分享給大家供大家參考,具體如下:
在 JavaScript 語言里,函數(shù)是一種對(duì)象,所以可以說函數(shù)是 JavaScript 里的一等公民(first-class citizens)。
之前我們這樣定義過一個(gè)函數(shù):
function greet(greeting, name) {
return `${greeting}, ${name}`
}
因?yàn)樵?JavaScript 里面是對(duì)象(object),所以它會(huì)有一些屬性還有方法。比如 name 屬性是函數(shù)的名字,length 屬性指的是函數(shù)里面有多少個(gè)必須要傳遞的參數(shù)。比如訪問上面定義的這個(gè)函數(shù)里的兩個(gè)屬性:
greet.name // 輸出 greet greet.length // 輸出 2,表示有兩個(gè)參數(shù)
函數(shù)都是 Function 的實(shí)例,所以你可以訪問 Function 上定義的屬性:name,length,可以使用方法:apply(),call()??梢赃@樣證明:
greet instanceof Function // 返回 'true'
函數(shù)表達(dá)式
函數(shù)是對(duì)象,也可以說函數(shù)是一個(gè)值,因?yàn)樵?JavaScript 里面,它跟其它類型的值是一樣的,比如字符串,數(shù)字。這就可以讓我們使用函數(shù)表達(dá)式的方法來定義函數(shù),也就是定義一個(gè)匿名函數(shù)(anonymous function),再把它交給一個(gè)變量。像這樣:
var greet = function (greeting, name) {
return `${greeting}, ${name}`
}
Lambda 表達(dá)式
ES6 可以讓我們用 Lambda 表達(dá)式,也就是箭頭函數(shù)(fat arrow function),看起來像這樣:
var greet = (greeting, name) => {
return `${greeting}, ${name}`
}
上面這個(gè)函數(shù)的主體部分只有一行,就是 return 了一個(gè)字符串,所以我們可以讓它更簡(jiǎn)潔一些:
var greet = (greeting, name) => `${greeting}, ${name}`
箭頭右邊的東西會(huì)自動(dòng)被返回(return)。
對(duì)象里的方法
如果有一個(gè)函數(shù)是在一個(gè)對(duì)象里,一般我們稱這種函數(shù)是對(duì)象的一個(gè)方法(method)。
試一下:
var obj = {
greet: function (greeting, name) {
return `${greeting}, ${name}`
}
}
ES6 可以讓我們這樣為對(duì)象定義方法:
var obj = {
greet (greeting, name) {
return `${greeting}, ${name}`
}
}
上面定義了一個(gè)名字是 obj 的對(duì)象,在它里面添加了一個(gè)叫 greet 的方法。要使用這個(gè)方法可以這樣:
obj.greet('hello', ' my name is X ')
// 返回 “ hello, my name is X ”
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
微信sdk實(shí)現(xiàn)禁止微信分享(使用原生php實(shí)現(xiàn))
這篇文章主要介紹了微信sdk實(shí)現(xiàn)禁止微信分享(使用原生php實(shí)現(xiàn)),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
JavaScript DOMContentLoaded事件案例詳解
這篇文章主要介紹了JavaScript DOMContentLoaded事件案例詳解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
JavaScript中判斷為整數(shù)的多種方式及保留兩位小數(shù)的方法
這篇文章主要介紹了JavaScript中判斷為整數(shù)的多種方式,以及保留兩位小數(shù)的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
教你如何解密js/vbs/vbscript加密的編碼異處理小結(jié)
教你如何解密js/vbs/vbscript加密的編碼異處理加密代碼 是一篇非常不錯(cuò)的加密解密原理,希望大家仔細(xì)研究2008-06-06
原生javascript實(shí)現(xiàn)圖片彈窗交互效果
這篇文章主要介紹了原生javascript實(shí)現(xiàn)圖片彈窗交互效果的方法及的相關(guān)資料,需要的朋友可以參考下2015-01-01
js實(shí)現(xiàn)簡(jiǎn)單的省市縣三級(jí)聯(lián)動(dòng)效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單的省市縣三級(jí)聯(lián)動(dòng)效果,以完整實(shí)例形式分析了JavaScript實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果的具體步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-02-02

