[TIL/Arrow function]
4889 ワード
Arrow function
矢印関数と呼ばれるarrow関数!
名前の通りfunctionキーワードを矢印表示に縮小する方法です.const add = function (x, y) {
return x + y
}
通常毎日使用する関数の方式は上記と同じであるがarrow関数を学習した後、const add = (x, y) => {
return x + y
}
これで縮めることができます.コードに示すようにfunctionというキーワードが矢印(=>)にインデントされているのが見えます!
また、関数の本文にreturn文しか存在しない場合は、arrow関数ではreturn文を省略することもできます!ただし、中括弧も省略することに注意してください.const add = (x, y) => x + y
const add = (x, y) => {x + y} // 잘못된 방법
モジュールはarrow関数で表すこともできます.const add = function (a) {
return function(b) {
return a + b
}
}
add(3)(5) // 8
上記の関数を矢印関数に変換します.//제일 안쪽 return문을 없애주자, return문만 존재하므로 중괄호도 삭제!
const add = (a) => {
return (b) => a + b
}
//마지막 남은 return문도 없애주자!
const add = (a) => (b) => a + b
このように表現を縮小することは可能です!
Reference
この問題について([TIL/Arrow function]), 我々は、より多くの情報をここで見つけました
https://velog.io/@habasa/TIL-Arrow-function
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
const add = function (x, y) {
return x + y
}const add = (x, y) => {
return x + y
}const add = (x, y) => x + y
const add = (x, y) => {x + y} // 잘못된 방법
const add = function (a) {
return function(b) {
return a + b
}
}
add(3)(5) // 8//제일 안쪽 return문을 없애주자, return문만 존재하므로 중괄호도 삭제!
const add = (a) => {
return (b) => a + b
}//마지막 남은 return문도 없애주자!
const add = (a) => (b) => a + bReference
この問題について([TIL/Arrow function]), 我々は、より多くの情報をここで見つけました https://velog.io/@habasa/TIL-Arrow-functionテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol