# ES2015 のアロー関数について

[参考コード](https://codesandbox.io/s/13v7v14zo4)

アロー関数は は ES2015 以降の「関数を定義するためのシンタックス」で、 this の挙動をコントロールしやすく、またタイプ数を少なくすることができる。

```javascript
// 伝統的な関数の書き方
function name1() {
  console.log("nanan");
}

// アロー関数
// => が矢印に似ていることから
const name2 = () => {
  console.log("name2");
};

//name2()

// 引数を与える場合
const name3 = (val) => {
  console.log(val);
};

//name3('passed value')

// 引数が一つの場合は () を省略可能
const name4 = val => {
  console.log(val);
};

//name4('passed value2')

// 引数が二つの場合は () を省略できない
const name5 = (val1, val2) => {
  console.log(val1, val2);
};

//name5('arg1', 'arg2' )

// return する場合
const name6 = () => {
  return "retunred value";
};

//console.log(name6())

// return する場合の省略記法
// return, {} を取り除き、
// return 内容を変数宣言と同じ行に配置する
const name7 = () => "retunred value2";

//console.log(name7())

// 1行だけの実行であればこのように書くことも可能
const name8 = () => console.log("console");

name8();
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://super-yusuke.gitbook.io/udemy-course/meteno-react-app/es2015-noarnitsuite.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.