# Arrow Function

Arrow function adalah alternatif pembuatan function yang lebih sederhana dari function biasanya

{% hint style="info" %}

* Namun terdapat limitasi dan juga tidak bisa digunakan di semua situasi
* Dinamakan arrow function karena menggunakan tanda => (seperti panah)
  {% endhint %}

**Kode : Membuat Arrow Function**

![](https://lh4.googleusercontent.com/hsWCo0MbbuKu-k8-alii-wrjlzyImbKafxruTw6qusPG9NWSyYxPIAi-Or6CABBBLepEhYNX0X-XJ-9OkejbN7cDfnIhbG2uItFG-PDXbBQ6QhBN-jdwsPrtoHo4zUsUi-jpCTJQATCBrRodsOO_7w)

### **Arrow Function Tanpa Block**

Jika sebuah arrow function isinya sederhana, misal hanya satu baris Kita bisa membuat arrow function tanpa harus menggunakan block

**Kode : Arrow Function Tanpa Block**

![](https://lh5.googleusercontent.com/Jsfg4Yct7sz5KbZcpeObiP6GF5eK7TwZNn2XTpc6ClMSvjXejkDY1W0lXKbfrLmx6YNc7cHXgQLWRiVEGfXFWU7QrMqr5LDRawsz9U72R3F7yvDvfR-TYlPqgKphq-kjl1pQAESdqaaLB-ME2TtgDg)

**Arrow Function Return Value**

Arrow function bisa mengembalikan value, sama seperti function biasanya Jika menggunakan block, maka kita perlu menggunakan kata kunci return Jika tidak menggunakan block, kita tidak perlu menggunakan kata kunci return

**Kode : Arrow Function Return Value**

![](https://lh4.googleusercontent.com/VsRUpK8jnemy9YL8GYcFXWi52O0jOlqligFv8J-S_r9i2UawPXSvD3MMtUfuLHgjPAsClwSJFut5v_xNthNlow1AYBKlnY1A39BoanRRt_LJ7z8a3kQO8tlB7xlbfgt7m_7DUN46sOvDUtSVwBQEAw)

### **Arrow Function Tanpa Kurung Parameter**

Jika parameter di arrow function hanya satu, kita bisa tidak menggunakan kurung pada parameter

**Kode : Arrow Function Tanpa Kurung Parameter**

![](https://lh6.googleusercontent.com/hb163JrWvo5dREIXHSxnV4d6WEPcpCePXJyPleZ_3hOAUBiXSnZanzPg9J3eLytfnS4cIZ8PvJ6lfEUUTjX3p6zvGO-Uq14_ziPKxAHzh7J39UpDL3nQ63Ol_RIk5J1M2Zuak-mk-YG9W5tEHc5YBg)

### **Arrow Function Sebagai Parameter**

Karena arrow function sama seperti anonymous function Jadi kita juga bisa menggunakan arrow function sebagai parameter di function lain

**Kode : Arrow Function Sebagai Parameter**

![](https://lh5.googleusercontent.com/cRzQ6wnHYQeIgB4qe-djWzMX9sQjXzWpoaPZQLy8THAaQIVRbZ0Uv3S87uLtxu8jjey3mVbt4fvX-YCIa4KOUMlA5kJnA1PS7qaO_LamhQ0rf7cQ6vD7BlLBJOpocgEQ-7SDjyMIoHhghavTuuBQzA)


---

# 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://themas.gitbook.io/javascript-function/function-javascript/arrow-function.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.