>웹 프론트엔드 >JS 튜토리얼 >js에서 함수를 사용하는 방법

js에서 함수를 사용하는 방법

下次还敢
下次还敢원래의
2024-05-06 12:09:19883검색

JavaScript의 함수는 재사용이 가능합니다. 사용법은 다음과 같습니다. 함수 선언: 함수 키워드를 사용하여 선언하고 매개변수를 받고 결과를 반환합니다. 함수 표현식: const를 사용하여 선언하고, 매개변수를 받고 화살표 표기법(=>)을 사용하여 결과를 반환합니다. 자체 호출 함수: IIFE(즉시 호출 함수 표현식)를 사용하여 선언되며 정의되면 즉시 실행됩니다. 클래스 메소드(Class method): 클래스 정의에 선언된 메소드로, 일반적으로 객체에 사용됩니다.

js에서 함수를 사용하는 방법

JavaScript의 함수

JavaScript의 함수는 재사용이 가능하고 매개변수를 전달하고 결과를 반환할 수 있는 코드 블록입니다.

Usage

함수 선언

함수를 선언하는 방법에는 네 가지가 있습니다.

  • 함수 선언: 함수 함수 이름(매개변수) {코드 블록}
  • function 函数名(参数) { 代码块 }
  • 函数表达式:const 函数名 = (参数) => { 代码块 }
  • 自调用函数:(function() { 代码块 })()
  • 类方法:class 类名 { 方法名(参数) { 代码块 } }

调用函数

调用函数只需使用其名称,后跟括号内的任何参数:

<code class="javascript">函数名(参数1, 参数2);</code>

参数

函数可以接收参数,这些参数在函数体内作为变量使用。

返回值

函数可以使用 return

함수 표현식 수식:

const 함수 이름 = (매개변수) => {code block}

자체 호출 함수: (function() {code block}) ()

클래스 메소드:

클래스 클래스 이름 { 메소드 이름(매개변수) { 코드 블록} }함수 호출

함수 호출만 해당 이름을 사용하고 괄호 안의 매개변수를 사용하세요.

<code class="javascript">function sayHello(name) {
  return `Hello, ${name}!`;
}

const greeting = sayHello("Bob");
console.log(greeting); // 输出:"Hello, Bob!"</code>
Parameters함수는 함수 본문 내에서 변수로 사용되는 매개변수를 받을 수 있습니다.

반환 값

함수는 return 키워드를 사용하여 값을 반환할 수 있습니다. 🎜🎜예🎜🎜🎜함수 선언: 🎜🎜
<code class="javascript">const multiply = (a, b) => {
  return a * b;
};

const product = multiply(10, 5);
console.log(product); // 输出:50</code>
🎜🎜함수 표현: 🎜🎜
<code class="javascript">(function() {
  console.log("立即执行!");
})();

// 输出:"立即执行!"</code>
🎜🎜자체 호출 함수: 🎜🎜
<code class="javascript">class Person {
  constructor(name) {
    this.name = name;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}!`);
  }
}

const person = new Person("Alice");
person.greet(); // 输出:"Hello, my name is Alice!"</code>
🎜🎜클래스 메서드: 🎜🎜rrreee

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.