JS에서 함수를 정의하는 여러 가지 방법

JavaScript에서 함수를 만드는 방법이 몇 가지인지 아시나요? 다음 기사에서는 JavaScript에서 함수를 정의하는 여러 가지 방법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

1. 선언 함수

function sum(a, b) { return a + b; }

2. 표현 함수

// 可以命名:
(function sum(a, b) { return a + b; });

// 也可匿名 (AVOID):
(function(a, b) { return a + b; });

// 也能分配给变量：
const sum = function sum(a, b) { return a + b; })

3. 생성 함수

// 一般形式:
(a, b) => { return a + b };

// 单参数，一行返回：
name => name.split(' ')

// 多参数，一行返回：
(a, b) => a + b

// 单参数，带函数体
name => { return name.split(' '); }

5. 비동기 함수

function *sum(a, b) { yield a + b; }

6. 생성자(AVOID)

async function sum(a, b) { return await a + b; }

7. 내보낸 함수

new Function(‘a’, ‘b’, ‘return a + b;’);

8.

9. 객체 동적 속성 함수

// 默认导出
export default function(a, b) { return a + b; };

// 命名导出
export function sum(a, b) { return a + b; };

10. 객체 속성의 Getter/Setter 함수

// 一般形式:
const object = {
  sum: function(a, b) { return a + b; },
};

// 简写:
const object = {
  sum(a, b) { return a + b; },
};

11. 객체 동적 속성의 Getter/Setter 함수

const functionName = "sum";
const object = {
  [functionName]: function(a, b) { return a + b; },
};

12.

// 一般形式:
const object = {
  get answer { return 42; },
  set answer(value) { /* 一些操作value的代码 */ },
};

//  使用 defineProperty
const obj = {};
Object.defineProperty(obj, "answer", {
  get() { return 42; },
  set(value) { /* 一些操作value的代码 */ },
});

13. 클래스 속성 함수

const functionName = "answer";
const object = {
  get [functionName]() { return 42; },
  set [functionName](value) { /* 一些操作value的代码 */ },
};

14. 클래스 전용 함수

class Compute {
  // 一般形式:
  sum(a, b) { return a + b; }
}

class Compute {
  // 静态:
  static sum(a, b) { return a + b; };
}

Summary

더 많은 가능성이 있을 것입니다.

다른 방법을 알고 계시다면 메시지를 남겨 알려주세요. 관련 무료 학습 권장사항:

js 비디오 튜토리얼

위 내용은 JS에서 함수를 정의하는 여러 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!