Welche Möglichkeiten gibt es, Javascript-Funktionen zu schreiben?

So schreiben Sie Funktionen: 1. „function function name(){}“ 2. „var function name = function(){}“ 3. „(function(){...})()“; 4. „ (function(){…}())“; 5. „$(function(){})“.

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.

In Javascript gibt es nur Objekte. Variablen sind Objekte und Funktionen sind ebenfalls Objekte. Solange Sie wissen, was Ihr Objekt ist, verwenden Sie es einfach so, wie es verwendet wird.

Javascript ist universell für schwache Typen, Objekte, Instanzen, Funktionen und Methoden. Die Unterscheidung muss nicht so klar sein.

1. Konventionelles Schreiben:

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

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

2. Anonymes Funktionsschreiben

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

Die Funktionsdefinition wird anonymisiert, wodurch die Benennung entfällt. Gleichzeitig wird die Variable zum Synonym für die Funktion. Siehe

3

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

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

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

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

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

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 Funktionsdeklaration genannt wird.

Funktionsausdruck var fnName = function () {...}; Verwenden Sie das Schlüsselwort function, um eine Funktion zu deklarieren, aber geben Sie der Funktion keinen Namen. Schließlich wird die anonyme Funktion einer Variablen namens Function zugewiesen Ausdruck, die häufigste Form der Funktionsausdrucksyntax.

Anonyme Funktion: Funktion () {}; Verwenden Sie das Schlüsselwort function, um der Funktion einen Namen zu geben. Daher wird sie als anonyme Funktion bezeichnet. Es gibt viele anonyme Funktionen Wenn Funktionen einer Variablen zugewiesen werden, wird eine Funktion erstellt, die einem Ereignis zugewiesen wird, ein Ereignishandler wird oder einen Abschluss erstellt usw.

// 方式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);}();

6 $(function(){}) Schreibweise

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

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

与如下写法等价

在一个页面中不同的js中写的$(function(){/<em>…</em>/}); entspricht der folgenden Schreibmethode

$(function(){/<em>…</em>/}); Funktion, die in verschiedenen JS auf einer Seite geschrieben ist, wird ausgeführt in Reihenfolge entsprechend der Reihenfolge von js. 【Empfohlenes Lernen:

Das obige ist der detaillierte Inhalt vonWelche Möglichkeiten gibt es, Javascript-Funktionen zu schreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!