So schreiben Sie eine Javascript-Funktion

Javascript-Funktionsschreibmethoden sind: 1. Konventionelle Schreibmethode „function function name(){js code} function name()“ 2. $(function(){}) Schreibmethode „$(object).ready (function () {js code});".

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Javascript ist lockerer als andere Programmiersprachen, daher ist Javascript-Code voller seltsamer Schreibweisen, und manchmal ist er nur verschwommen. In diesem Artikel geht es darum, wie man JavaScript-Funktionen schreibt.

在Javascript中只有对象。 变量是对象，函数也是对象。 只要你知道你的对象是什么，按照它的方式去使用就可以了。
Javascript是弱类型，对象，实例，函数，方法通用的。不需要区别那么清楚。

1. Konventionelle Schreibmethode:

// 函数的定义
function foo() {
    alert('常规写法');
}
// 函数的调用
foo()

Diese Schreibmethode ist die bekannteste und am einfachsten zu verstehende Schreib- und Aufrufmethode, dann lesen Sie weiter

2. Anonyme Funktionsschreibmethode

// 函数的定义
var foo = function(){
    alert('匿名函数定义');
}
// 函数的调用
foo()

Hier ist die Funktion definiert Es wird anonymisiert, wodurch der Aufwand der Benennung entfällt. Gleichzeitig wird die Variable zum Synonym für die Funktion. Siehe

3. Verwenden der Methode als Objekt

rrree

Variablen sind in Javascript sehr mächtig und können viele Dinge darstellen.

4. Fügen Sie dem Objekt im Konstruktor Methoden hinzu

// 定义
var test = {
    fun1: function(){  },
    fun2: function(){  }
}
// 调用
test.fun1();
test.fun2();

Fügen Sie Methoden über das Schlüsselwort „prototyp“ hinzu.

5. Selbstausführende Funktionen ( function(){…} ) und ( function(){…} () )

Die zuvor erwähnte Funktionsdefinition und der Aufruf werden hier erläutert und die Ausführung erfolgt sofort gemeinsam.

( function(){…} )() und ( function(){…} () ) sind zwei gängige Methoden zum Schreiben von JavaScript-Funktionen, um Funktionen sofort auszuführen. Zuerst dachte ich, es sei eine anonyme Funktion in Klammern. Und dann wurde am Ende eine Klammer hinzugefügt, um schließlich den Zweck zu erreichen, sie sofort nach der Definition der Funktion auszuführen. Um die unmittelbare Ausführung von Funktionen zu verstehen, müssen Sie zunächst einige grundlegende Funktionskonzepte verstehen.

Funktionsdeklaration, Funktionsausdruck, anonyme Funktion

Funktionsdeklaration: function fnName () {…} Verwenden Sie das Schlüsselwort function, um eine Funktion zu deklarieren, und geben Sie dann einen Funktionsnamen an, der als Funktionsdeklaration bezeichnet wird.

Funktionsausdruck var fnName = function () {…}; verwendet das Funktionsschlüsselwort, um der Funktion einen Namen zu geben. Schließlich wird die anonyme Funktion einer Variablen zugewiesen, die als Funktionsausdruck bezeichnet wird die gebräuchlichste grammatikalische Form.

Anonyme Funktion: function () {}; Verwenden Sie das Schlüsselwort function, um der Funktion einen Namen zu geben. Daher werden anonyme Funktionen als Funktionsausdrücke bezeichnet. Bei der Zuweisung zu einer Variablen wird eine Funktion erstellt, die zu einem Ereignishandler wird oder einen Abschluss erstellt usw.

Der Unterschied zwischen Funktionsdeklaration und Funktionsausdruck ist

1. Wenn die Javascript-Engine den Javascript-Code analysiert, wird die Funktionsdeklaration in die aktuelle Ausführungsumgebung (Bereich) verschoben, während der Funktionsausdruck warten muss bis die Javascirtp-Engine die Zeile ausführt, in der sie sich befindet, bevor sie den Funktionsausdruck Zeile für Zeile von oben nach unten analysiert.

2. Sie können nach dem Funktionsausdruck Klammern hinzufügen, um die Funktion sofort aufzurufen wird als fnName () aufgerufen. Hier sind zwei Beispiele für den Unterschied.

// 给对象添加方法
var fun = function(){ };  // 定义函数对象
fun.prototype.test = function(){ 
    alert('这是在在foo函数上的原始对象上添加test方法，构造函数中用到');
}

// 调用
var myfun = new fun(); // 创建对象
myfun.test(); // 调用对象属性

6 Die Schreibmethode von $(function(){})

$ (function(){/…/}); ist die Abkürzung von $(document).ready(function(){/…/ }), Es handelt sich um eine Rückruffunktion, die nach dem Laden des DOM ausgeführt wird und nur einmal ausgeführt wird.

// 方式1： ( function(){…} () )
(
     function(){alert('hello world, I am coming');}()
);
// 函数有参数的情况，有时为确保执行，前面加;
// 看到别人的插件，你会发现人家开头处加了一个";"，这样就算页面js有错误，加载运行他的插件也能保证运行，如：
;(function(e){alert(e);}('hello world'));

// 方式2：( function(){…} )()
(function(){alert('hello');})();

// 有时在前面加运算符，常见的是!与void
!function(){alert('hello');}();
void function(){alert(2);}();

entspricht der folgenden Schreibmethode

$( document ).ready(function() {
   console.log( "ready!" );
});

$(function(){/…/}); Funktionen, die in verschiedenen js auf einer Seite geschrieben sind, werden der Reihe nach entsprechend der Reihenfolge der js ausgeführt.

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene】

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