箭头函数输出hello+world
时间: 2023-10-16 16:08:57 浏览: 29
箭头函数是一种在ES6中引入的函数定义方式,它使用箭头(=>)来定义函数,省略了function关键字,并且可以更简洁地定义函数体。下面是一个输出"Hello world"的箭头函数的例子:
```javascript
let fun = () => {
return "Hello world";
};
console.log(fun()); // 输出 Hello world
```
相关问题
JavaScript 中箭头函数用法详解,请举例
箭头函数是 ES6 中引入的一种新的函数定义方式,它可以更简洁地定义匿名函数。箭头函数的语法如下:
```
(parameters) => { statements }
```
其中,`parameters` 指函数的参数列表,可以是一个或多个参数,用逗号分隔;`statements` 指函数体,可以是一个或多个语句。
下面是一些箭头函数的示例:
1. 无参数的箭头函数
```
let hello = () => console.log("Hello World!");
hello(); // 输出:Hello World!
```
2. 带参数的箭头函数
```
let sum = (a, b) => a + b;
console.log(sum(1, 2)); // 输出:3
```
3. 带多个语句的箭头函数
```
let multiply = (a, b) => {
let result = a * b;
return result;
}
console.log(multiply(2, 3)); // 输出:6
```
4. 箭头函数作为回调函数
```
let numbers = [1, 2, 3, 4];
let squared = numbers.map(n => n * n);
console.log(squared); // 输出:[1, 4, 9, 16]
```
在上面的例子中,`map` 方法接受一个函数作为参数,用于对数组中的每个元素进行操作。箭头函数可以更简洁地定义这个回调函数。
调用箭头函数不加括号和加括号的区别
不加括号和加括号的区别在于是否需要传递参数给箭头函数。当箭头函数没有参数时,可以省略参数的括号。例如:
```javascript
const func1 = () => {
console.log("Hello, World!");
};
func1(); // 输出: Hello, World!
```
当箭头函数有一个参数时,可以选择是否加括号,效果是一样的。例如:
```javascript
const func2 = name => {
console.log("Hello, " + name + "!");
};
func2("John"); // 输出: Hello, John!
```
当箭头函数有多个参数时,必须使用括号将参数括起来。例如:
```javascript
const func3 = (name, age) => {
console.log(name + " is " + age + " years old.");
};
func3("John", 25); // 输出: John is 25 years old.
```
总结起来,如果箭头函数没有参数,可以省略括号;如果有一个或多个参数,可以选择是否使用括号。