Javascript의 화살표 기능

이 게시물은 화살표 함수의 세부 사항, 즉 사용 방법, 일반적인 구문 및 일반적인 사용 사례를 다룰 것입니다.

화살표 기능이란?

JavaScript의 화살표 함수는 함수를 작성하는 더 간단한 방법입니다. 화살표 함수는 ES6에서 도입되었으며 JavaScript에서 함수를 작성하는 짧고 쉬운 방법을 제공합니다. 그들은 뚱뚱한 화살처럼 보이는 새로운 토큰=>을 사용하므로 뚱뚱한 화살 함수라고도 합니다. 화살표 함수는 항상 익명입니다. 즉, 이름이 없습니다. 자바스크립트에서 화살표 함수는 보다 간결하고 읽기 쉬운 방식으로 함수를 작성하는 간단한 방법을 제공합니다. 화살표 함수를 사용하면 function 키워드인 return 키워드를 입력할 필요가 없습니다.

화살표 기능을 사용하는 방법?

Code Example:

화살표 기능이 없는 간단한 코드는 다음과 같습니다.

example = function() {
return "welcome";
}

이제 화살표 함수가 있는 위의 코드는 다음과 같습니다.

example = () => {
return “welcome”;
}

여기에는 키워드, 함수가 없지만 작동합니다. 화살표 함수를 효과적으로 사용하려면 함수에 명령문이 하나만 있어야 합니다. 또한 값을 반환하는 단일 문이 있는 경우 괄호와 return 키워드를 제거할 수 있습니다. 아래의 예와 같이 ,

example = () => "welcome";

매개변수가 있는 경우 괄호 안에 매개변수를 전달합니다.

hello = (val) => "Hello " + val;

화살표 함수의 기본 구문

화살표 함수에는 다양한 구문이 있습니다. 화살표 함수의 몇 가지 기본 구문부터 시작하겠습니다.

Basic Syntax with Multiple Parameters:

// using normal function
var sum = function(x, y) {
  return x + y;
};

// using arrow function
var sum = (x, y) => { return x + y };

위의 화살표 함수 예제를 통해 개발자는 더 적은 수의 코드와 약 절반의 타이핑으로 동일한 결과를 달성할 수 있습니다. 위에서 언급했듯이 하나의 명령문이 있으면 아래와 같이 작성할 수 있습니다.

var sum= (x, y) => x + y;

Basic Syntax with One Parameter:

//using normal function
var expression = function Splitter(phrase) {
  return phrase.split(' ');
};

//using arrow function
const expression  = phrase => phrase.split(" ");

console.log(phraseSplitterEs6("Name age"));  // ["Name", "age"]

Basic Syntax with no parameter:

//using normal function
var document = function doclog() {
    console.log("Name");
};

//using arrow function
var document = () => { console.log("Name"); };
document; // 

Object Literal Syntax:

//using normal function
var student = function details(id, name) {
  return {
    id: id,
    name: name
  }
};

// using arrow function
var student = (id, name) => ({ id: id, name: name });

console.log(student (4, "babul"));   // Object {id: 4, name: "babul"}

결론

JavaScript에서 화살표 함수의 중요성에 대해 이야기하면서 한 줄짜리 코드를 쉽게 작성할 수 있도록 포함하는 것이 필수적입니다. 시작하기 쉽고 끝내기 쉬우므로 ES6의 가장 인기 있는 기능 중 하나입니다. 아래에 표시된 설문 조사 보고서에서 얼마나 인기가 있는지 확인할 수 있습니다.



지금까지 JavaScript Arrow Function에 대한 기본 가이드였습니다. 여기에서는 적절한 예제와 함께 JavaScript에서 Arrow Function의 작동에 대해 논의했습니다. 이 기사가 화살표 기능의 기본 사항을 이해하는 데 도움이 되기를 바랍니다.

읽어 주셔서 감사합니다 .