Can You Name Arrow Functions in ES2015 Without `var`?

How to Name Arrow Functions in ES2015

In ES6, you can enhance your code with arrow functions. However, when dealing with named functions, you may wonder if there's a way to assign a name to an arrow function without using a var statement.

Consider the following named function using the traditional syntax:

function sayHello(name) {
    console.log(name + ' says hello');
}

In ES6, we can convert this function to an arrow syntax as follows:

var sayHello = (name) => {
    console.log(name + ' says hello');
}

However, what if we want to name the arrow function without explicitly declaring it with var?

The answer lies in taking advantage of JavaScript's variable declaration behavior. By simply assigning an arrow function to a variable or property without using var, the JavaScript engine will automatically assign the name to the function.

sayHello = (name) => {
    console.log(name + ' says hello');
}

This approach creates a function with a true name, as demonstrated below:

console.log(sayHello.name); // "sayHello"

Remember, this technique is not limited to arrow functions; it also applies to traditional anonymous function expressions.

The above is the detailed content of Can You Name Arrow Functions in ES2015 Without `var`?. For more information, please follow other related articles on the PHP Chinese website!