Heim > Artikel > Web-Frontend > Organisieren Sie Javascript-Funktionsstudiennotizen_Javascript-Kenntnisse

Organisieren Sie Javascript-Funktionsstudiennotizen_Javascript-Kenntnisse

WBOYOriginal: 2016-05-16 15:28:321271Durchsuche

1. Was ist eine Funktion
Wenn Sie denselben Code mehrmals verwenden müssen, können Sie ihn in eine Funktion kapseln. Eine Funktion ist eine Reihe von Anweisungen, die jederzeit in Ihrem Code aufgerufen werden können. Jede Funktion ist eigentlich ein kurzes Skript.
Zum Beispiel: Um die Funktion mehrerer Summensätze zu vervollständigen.

var sum;
sum = 3+2;
alear(sum);
 
sum = 7+8;
alear(sum);
......//不停的重复两行代码

Wenn Sie die Summe von 8 Zahlengruppen implementieren möchten, benötigen Sie 16 Codezeilen. Je mehr Sie implementieren, desto mehr Codezeilen benötigen Sie. Daher können wir den Codeblock, der eine bestimmte Funktion ausführt, in eine Funktion einfügen und diese Funktion direkt aufrufen, wodurch wir uns die Mühe ersparen, wiederholt eine große Menge Code einzugeben. Vervollständigen Sie mit den Funktionen:

function add(a,b){
  sum = a+b;//只需要写一次就可以
 };
 add2(3,2);
 add2(7,8);
 ......//只需要调用函数就可以

2. Funktion definieren
Funktionssyntax definieren

 function 函数名(参数argument){
　　函数体statements;
 }
 //function定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。

function shout(){
   var beatles = Array("John","Paul","George","Ringo");
   for (var count = 0; count < beatles.length; count++){
     alert(beatles[count]);
   }
 }
 //这个函数里面的循环语句将依次弹出对话框来显示beatles里面内容。 
 shout();调用函数，执行脚本里的动作

Vervollständigen Sie die Funktion zum Summieren zweier Zahlen und Anzeigen des Ergebnisses:

<script type="text/javascript">
  function add2(){
    sum = 3+2;
    alert()sum;
   }
   add2();
 </script>

3. Funktionsaufruf
Nachdem die Funktion definiert wurde, kann sie nicht automatisch ausgeführt werden. Sie müssen sie aufrufen und den Funktionsnamen direkt an der erforderlichen Position schreiben.
Der erste Fall: wird innerhalb des 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tags aufgerufen.

<script type="text/javascript">
   function add(){
     sum = 1+1;
     alert(sum);
  }
   add();//调用函数，直接写函数名。
</script>

Zweiter Fall: Wird in einer HTML-Datei aufgerufen, z. B. beim Aufrufen einer definierten Funktion nach dem Klicken auf eine Schaltfläche.

<html>
 <head>
 <script type="text/javascript">
   function add2(){
     sum = 5 + 6;
     alert(sum);
   }  
 </script>
 </head>
 <body>
 <form>
  <input type="button" value="click it" onclick="add2()"> //按钮,onclick点击事件，直接写函数名
 </form>
 </body>
 </html>

4. Funktionen mit Parametern
Tatsächlich kann die Funktionsdefinition auch im folgenden Format vorliegen:
Funktionsfunktionsname (Parameter 1, Parameter 2) {
Funktionscode
}
Beim Definieren einer Funktion können Sie beliebig viele Argumente dafür deklarieren, sofern diese durch Kommas getrennt sind. Innerhalb einer Funktion können Sie jeden ihrer Parameter wie eine gewöhnliche Variable verwenden.
Gemäß diesem Format sollte die Funktion zum Implementieren der Summe zweier beliebiger Zahlen wie folgt geschrieben werden:

function add2(x,y){
   sum = x + y;
   document.write(sum);
 }
 //x和y则是函数的两个参数，调用函数的时候，我们可通过这两个参数把两个实际的加数传递给函数了。

implementiert die folgenden Funktionen:
Definieren Sie eine Funktion, um die Summe von drei Zahlen zu implementieren. Der Funktionsname ist add3.
Berechnen Sie die Summe zweier Sätze mit drei Zahlen: 5, 8, 3/7, 1 und 4.

 <script type="text/JavaScript">
   function add3(x,y,z) {
   sum = x + y +z;
     document.write(x+"、"+y+"、"+z+"和:"+sum+"<br/>");
   }
   add3(5,8,3);
   add3(7,1,4); 
 </script>

5. Funktionen, die Werte zurückgeben
Funktionen können nicht nur Daten (in Form von Parametern) empfangen, sondern auch Daten zurückgeben. Wir können eine Funktion erstellen und sie einen Wert, eine Zeichenfolge, ein Array oder einen booleschen Wert zurückgeben lassen. Dies erfordert die Verwendung einer Return-Anweisung.

 function multiply(num1,num2){
   var total = num1*num2;
   return total;
 }

Das Ergebnis wurde zuvor über „document.write“ ausgegeben, jetzt wird es über die Funktion ausgegeben
Wir müssen nur die Zeile „document.write(sum)“ in den folgenden Code ändern:

 function add2(x,y){
   sum = x + y;
   return sum; //返回函数值,return后面的值叫做返回值。
 }
 //还可以通过变量存储调用函数的返回值：
 result = add2(3,4);//语句执行后，result变量中的值为7。

Beispiel: Die folgende Funktion hat nur einen Parameter (einen Temperaturwert in Fahrenheit) und gibt einen numerischen Wert zurück (den Celsius-Temperaturwert derselben Temperatur):

 <script type="text/javascript">
   function convertToCelsius (temp) {
     var result = temp - 32;
     result = result / 1.8;
     return result;
   }
   //函数的真正价值体现在，我们还可以把它们当做一种数据类型来使用，这意味着可以把一个函数的调用结果赋给一个变量：
   var temp_fahrenheit = 95;
   var temp_celsius = convertToCelsius(temp_fahrenheit);
   alert(temp_celsius);
 </script>

In diesem Beispiel beträgt der Wert der Variablen temp_celsius 35, der von der Funktion „convertToCelsius“ zurückgegeben wird.
Bei der Benennung von Variablen verwende ich Unterstriche, um Wörter zu trennen; bei der Benennung von Funktionen schreibe ich den ersten Buchstaben jedes Worts groß, beginnend mit dem zweiten Wort (also „camelCase“).
1), Umfang der Variablen
Variablen können entweder global oder lokal sein.
Globale Variable kann überall im Skript referenziert werden. Sobald Sie eine globale Variable in einem Skript deklariert haben, können Sie von überall im Skript darauf verweisen – auch innerhalb von Funktionen. Der Geltungsbereich globaler Variablen umfasst das gesamte Skript.
Lokale Variable existiert nur innerhalb der Funktion, in der sie deklariert ist, und kann außerhalb dieser Funktion nicht referenziert werden. Der Umfang lokaler Variablen ist auf eine bestimmte Funktion beschränkt.
Funktionsvariablen können mithilfe des Schlüsselworts var explizit auf einen Gültigkeitsbereich festgelegt werden.
Wenn var in einer Funktion verwendet wird, wird diese Variable als lokale Variable betrachtet, die nur im Kontext dieser Funktion existiert. Wenn umgekehrt var nicht verwendet wird, wird diese Variable als globale Variable betrachtet eine globale Variable mit demselben Namen im Skript, und diese Funktion ändert den Wert dieser globalen Variablen.
Beispiel:

function square(num){
   total = num*num;
   return total;
 }
 var total = 50;
 var number = square(20);
alert(total);

这是错误的，number的值为400，但是这里alert弹出的是total的值，应该是50.

这些代码将不可避免地导致全局变量total的值发生变化。

全局变量total的值变成了400.我的本意是让square()函数只把它计算出来的平方值返回给变量number，但因为未把这个函数内部total变量明确地声明为局部变量，这个函数把名字同样是total的那个全局变量的值也改变了。

把这个函数写成如下的样子才是正确的：

 function square(num){
   var total = num*num;
   return total;
 }
 var total = 50;
 var number = square(20);
 alert(total);
 </script>

正确结果：

以上就是关于Javascript函数的学习笔记，还涉及到了一些变量的知识点，希望对大家的学习有所帮助。

Stellungnahme：

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

Vorheriger Artikel：3 gängige Methoden für js-domänenübergreifende Anforderungsdaten_Javascript-KenntnisseNächster Artikel：3 gängige Methoden für js-domänenübergreifende Anforderungsdaten_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen