JS定義関数のいくつかの常用方法のまとめ

2565 ワード

JS 定義関数

本論文の実例は、JS定義関数のいくつかの一般的な方法を述べている。皆さんに参考にしてあげます。具体的には以下の通りです。
JavaScript言語では関数は対象となりますので、関数はJavaScriptの中の一等公民です。
以前私たちはこのように関数を定義しました。

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

JavaScriptの中では対象ですので、いくつかの属性や方法があります。例えば、name属性は関数の名前です。length属性とは、関数の中に伝達しなければならないいくつかのパラメータがあります。上で定義したこの関数の2つの属性にアクセスします。


greet.name
//    greet
greet.length
//    2，

関数はすべてFunctionの例ですので、Functionで定義されている属性にアクセスできます。このように証明できます。


greet instanceof Function
//    'true'

関数式
関数はオブジェクトであり、関数は値であるとも言えます。JavaScriptの中では他のタイプの値と同じです。たとえば文字列、数字などです。これは関数表現の方法を使って関数を定義することができます。すなわち匿名関数を定義して変数に渡すことです。このように:

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

ランバー表現
ES 6はLambda 式、つまり矢印関数を使ってもいいです。このように見えます。

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

上記の関数の本体部分は一行だけです。つまり、return は文字列を作っています。だから、もっと簡潔にしてもいいです。

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

矢印の右側のものは自動的に返されます。
対象内の方法
一つの関数がオブジェクトにある場合、この関数はオブジェクトの一つの方法と言われます。
試してみます

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

ES 6は、このように対象として方法を定義することができる。

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

上記ではobjという名前のオブジェクトを定義していますが、その中にgreetという方法が追加されています。この方法を使うなら、こうしてもいいです。


obj.greet('hello', ' my name is X ')
//    “ hello, my name is X ”