快捷導(dǎo)航

JS定義函數(shù)的幾種常用方法小結(jié)

更新時間：2019年05月23日 12:04:45 作者：longzhoufeng

這篇文章主要介紹了JS定義函數(shù)的幾種常用方法,結(jié)合實例形式總結(jié)分析了javascript函數(shù)表達式、Lambda 表達式、對象方法等常見函數(shù)定義操作技巧,需要的朋友可以參考下

本文實例講述了JS定義函數(shù)的幾種常用方法。分享給大家供大家參考，具體如下：

在 JavaScript 語言里，函數(shù)是一種對象，所以可以說函數(shù)是 JavaScript 里的一等公民（first-class citizens）。

之前我們這樣定義過一個函數(shù)：

function greet(greeting, name) {
 return `${greeting}, ${name}`
}

因為在 JavaScript 里面是對象（object），所以它會有一些屬性還有方法。比如 name 屬性是函數(shù)的名字，length 屬性指的是函數(shù)里面有多少個必須要傳遞的參數(shù)。比如訪問上面定義的這個函數(shù)里的兩個屬性：

greet.name
// 輸出 greet
greet.length
// 輸出 2，表示有兩個參數(shù)

函數(shù)都是 Function 的實例，所以你可以訪問 Function 上定義的屬性：name，length，可以使用方法：apply()，call()。可以這樣證明：

greet instanceof Function
// 返回 'true'

函數(shù)表達式

函數(shù)是對象，也可以說函數(shù)是一個值，因為在 JavaScript 里面，它跟其它類型的值是一樣的，比如字符串，數(shù)字。這就可以讓我們使用函數(shù)表達式的方法來定義函數(shù)，也就是定義一個匿名函數(shù)（anonymous function），再把它交給一個變量。像這樣：

var greet = function (greeting, name) {
 return `${greeting}, ${name}`
}

Lambda 表達式

ES6 可以讓我們用 Lambda 表達式，也就是箭頭函數(shù)（fat arrow function），看起來像這樣：

var greet = (greeting, name) => {
 return `${greeting}, ${name}`
}

上面這個函數(shù)的主體部分只有一行，就是 return 了一個字符串，所以我們可以讓它更簡潔一些：

var greet = (greeting, name) => `${greeting}, ${name}`

箭頭右邊的東西會自動被返回（return）。

對象里的方法

如果有一個函數(shù)是在一個對象里，一般我們稱這種函數(shù)是對象的一個方法（method）。

試一下：

var obj = {
 greet: function (greeting, name) {
  return `${greeting}, ${name}`
 }
}

ES6 可以讓我們這樣為對象定義方法：

var obj = {
 greet (greeting, name) {
  return `${greeting}, ${name}`
 }
}

上面定義了一個名字是 obj 的對象，在它里面添加了一個叫 greet 的方法。要使用這個方法可以這樣：

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錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS定義函數(shù)的幾種常用方法小結(jié)

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具