Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie eine Funktion in js

下次还敢
Freigeben: 2024-05-06 12:09:19
Original
798 Leute haben es durchsucht

Funktionen in JavaScript können wie folgt wiederverwendet werden: Funktionsdeklaration: Verwenden Sie das Funktionsschlüsselwort, um Parameter zu deklarieren, zu empfangen und Ergebnisse zurückzugeben. Funktionsausdrücke: mit const deklariert, Parameter empfangen und Ergebnisse mit Pfeilnotation (=>) zurückgeben. Selbstaufrufende Funktionen: Mit einem sofort aufgerufenen Funktionsausdruck (IIFE) deklariert, werden sie sofort ausgeführt, wenn sie definiert sind. Klassenmethode: Eine in der Klassendefinition deklarierte Methode, die normalerweise für Objekte verwendet wird.

So verwenden Sie eine Funktion in js

Funktion in JavaScript

Eine Funktion in JavaScript ist ein Codeblock, der wiederverwendet werden kann und Parameter übergeben und Ergebnisse zurückgeben kann.

Verwendung

Deklarieren Sie eine Funktion

Es gibt vier Möglichkeiten, eine Funktion zu deklarieren:

  • Funktionsdeklaration: Funktionsname (Parameter) {Codeblock
  • function 函数名(参数) { 代码块 }
  • 函数表达式:const 函数名 = (参数) => { 代码块 }
  • 自调用函数:(function() { 代码块 })()
  • 类方法:class 类名 { 方法名(参数) { 代码块 } }

调用函数

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

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

参数

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

返回值

函数可以使用 return

Funktionsausdruck Formel:

const function name = (parameter) => {code block}

Selbstaufrufende Funktion: (function() {code block}) ()

Klassenmethode:

Klasse Klassenname { Methodenname (Parameter) { Codeblock} Funktion aufrufen

Nur Funktion aufrufen. Verwenden Sie ihren Namen, gefolgt von etwaigen Parametern in Klammern:

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

const greeting = sayHello("Bob");
console.log(greeting); // 输出:"Hello, Bob!"</code>
Nach dem Login kopieren
ParameterFunktionen können Parameter empfangen, die als Variablen im Funktionskörper verwendet werden.

Rückgabewert

Eine Funktion kann mit dem Schlüsselwort return einen Wert zurückgeben. 🎜🎜Beispiel🎜🎜🎜Funktionsdeklaration: 🎜🎜
<code class="javascript">const multiply = (a, b) => {
  return a * b;
};

const product = multiply(10, 5);
console.log(product); // 输出:50</code>
Nach dem Login kopieren
🎜🎜Funktionsausdruck: 🎜🎜
<code class="javascript">(function() {
  console.log("立即执行!");
})();

// 输出:"立即执行!"</code>
Nach dem Login kopieren
🎜🎜Selbstaufrufende Funktion: 🎜🎜
<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>
Nach dem Login kopieren
🎜🎜Klassenmethode: 🎜🎜rrreee

Das obige ist der detaillierte Inhalt vonSo verwenden Sie eine Funktion in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage