Kann es6 Variablen mit var deklarieren?

es6 kann var zum Deklarieren von Variablen verwenden. Var ist ein Schlüsselwort zum Deklarieren von Variablen, die mit dem Schlüsselwort var deklariert werden. Da var die Variablenheraufstufung unterstützt, sind mit var deklarierte globale Variablen im gesamten Skriptcode enthalten gelten für die gesamte Funktion.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

ES5 bietet nur zwei Möglichkeiten, Variablen zu deklarieren: den Befehl var und den Befehl function.

ES6 Zusätzlich zum Hinzufügen von let- und const-Befehlen gibt es zwei Möglichkeiten, Variablen zu deklarieren: Importbefehl und Klassenbefehl.

Es gibt also 6 Möglichkeiten, Variablen in ES6 zu deklarieren:

• Variablen mit dem Schlüsselwort var deklarieren

• Variablen mit dem Schlüsselwort „function“ deklarieren

• Variablen mit dem Schlüsselwort „const“ deklarieren let, um Variablen zu deklarieren.

• Verwenden Sie das Schlüsselwort class, um Variablen zu deklarieren.

• Verwenden Sie das Schlüsselwort import, um Variablen zu deklarieren.

• Verwenden Sie das Schlüsselwort var, um Variablen zu deklarieren.

var ist ein Schlüsselwort zum Deklarieren von Variablen Die Deklarationsmethode lautet:

var 变量名;

Einige Beispiele:

var str;  //用来存储字符串
var age;  //用来存储年龄
var prePage;  //用来存储上一页

Beim Definieren einer Variablen können Sie eine oder mehrere Variablen gleichzeitig definieren. Wenn Sie mehrere Variablen definieren, müssen Sie die Variablennamen wie gezeigt durch Kommas trennen im folgenden Beispiel:

var a, b, c;    // 同时声明多个变量

Wenn den Variablen nach der Definition der Variablen keine Werte zugewiesen werden, wird diesen Variablen ein Anfangswert zugewiesen – undefiniert (undefiniert).

Nachdem die Variable definiert wurde, können Sie das Gleichheitszeichen = verwenden, um der Variablen einen Wert zuzuweisen. Die linke Seite des Gleichheitszeichens ist der Name der Variablen und die rechte Seite des Gleichheitszeichens ist der zu verwendende Wert der Variablen zugewiesen, wie im folgenden Beispiel gezeigt:

var num;    // 定义一个变量 num
num = 1;    // 将变量 num 赋值为 1

Darüber hinaus können Sie auch Variablen definieren und gleichzeitig Variablen Werte zuweisen, wie im folgenden Beispiel gezeigt:

var num = 1;                // 定义一个变量 num 并将其赋值为 1
var a = 2, b = 3, c = 4;    // 同时定义 a、b、c 三个变量并分别赋值为 2、3、4
// var a = 2,               // 为了让代码看起来更工整，上一行代码也可以写成这样
//     b = 3,
//     c = 4;

Erläuterung:

Variablen, die durch var definiert sind, können geändert werden, wenn sie nicht initialisiert werden, und es wird kein Fehler gemeldet.

• var Die im Fenster deklarierten Variablen. Verwenden Sie let oder const, um eine Variable zu deklarieren Viele Sprachen haben Bereiche auf Blockebene, JS jedoch nicht. Es verwendet var zum Deklarieren von Variablen und die Funktion zum Teilen von Bereichen und geschweiften Klammern kann den Bereich von var nicht einschränken mit var haben den Effekt einer Variablenförderung

• Der Umfang der von var deklarierten Variablen ist global oder auf Funktionsebene

• Erweitertes Wissen:
let- und const-Schlüsselwörter werden zum Deklarieren von Variablen verwendet

Vor 2015 konnte JavaScript Variablen nur über das Schlüsselwort var deklarieren. Nach der Veröffentlichung von ECMAScript6 (ES6) wurden zwei neue Schlüsselwörter, let und const, zum Deklarieren von Variablen hinzugefügt, wobei:

Variablen mit dem Schlüsselwort let deklariert werden nur in dem Codeblock gültig, in dem sie sich befinden (ähnlich wie bei lokalen Variablen), und in diesem Codeblock können Variablen mit demselben Namen nicht wiederholt deklariert werden

const-Taste Die Funktion von Wörtern ist dieselbe wie let, Mit dem Schlüsselwort const deklarierte Variablen verfügen jedoch auch über eine weitere Funktion: Mit dem Schlüsselwort const definierte Variablen können nach ihrer Definition nicht mehr geändert werden (dh mit dem Schlüsselwort const definierte Variablen sind Konstanten).

• Hinweis: IE10 und niedrigere Versionen unterstützen die Schlüsselwörter let und const nicht.

Der Beispielcode lautet wie folgt:

• let name = "小明";      // 声明一个变量 name 并赋值为“小明”
  let age  = 11;          // 声明一个变量 age
  let age  = 13;          // 报错：变量 age 不能重复定义
  const PI = 3.1415       // 声明一个常量 PI，并赋值为 3.1415
  console.log(PI)         // 在控制台打印 PI

  Bereiche von var, let und const

Die Bereiche von mit var deklarierten Variablen umfassen den globalen Bereich und den Funktionsbereich; mit let und const deklarierte Variablen haben einen globalen Bereich, einen lokalen Bereich und Blockbereich.

Da var die Variablenheraufstufung unterstützt, gilt der globale Gültigkeitsbereich von var-Variablen für den Skriptcode der gesamten Seite, während let und const die Variablenheraufstufung nicht unterstützen, sodass sich der globale Gültigkeitsbereich von let- und const-Variablen auf den Zeitraum ab bezieht Deklarationsanweisung Der gesamte Bereich zwischen dem Ende des Skriptcodes der gesamten Seite und dem Bereich vor der Deklarationsanweisung ist ungültig.

Da var die Variablenheraufstufung unterstützt, let und const jedoch keine Variablenheraufstufung, sind mit var deklarierte lokale Variablen in der gesamten Funktion gültig, während mit let und const deklarierte lokale Variablen vom Beginn der Deklarationsanweisung bis zum gültig sind Das Ende des Funktionsbereichs ist gültig. Es ist zu beachten, dass, wenn die lokale Variable und die globale Variable im Funktionsumfang denselben Namen haben, die lokale Variable die globale Variable überschreibt, dh die lokale Variable funktioniert im Funktionskörper außerhalb des Funktionskörpers. Die globale Variable funktioniert und die lokale Variable funktioniert. Die Variable ist ungültig und beim Verweisen auf lokale Variablen tritt ein Syntaxfehler auf.

Deklarieren Sie eine Variable mit dem Schlüsselwort function

function add(a) {
　　var sum = a + 1;
　　return sum;
}

deklariert eine neue Variable namens add und weist ihr eine Funktionsdefinition zu

Der Inhalt zwischen {} wird add zugewiesen

• Der Code in der Funktion wird nicht ausgeführt werden, sondern nur für die zukünftige Verwendung in der Variablen gespeichert

• Verwenden Sie das Schlüsselwort class, um die Variable zu deklarieren

• Über die Klasse werde ich später einen separaten Artikel schreiben, um sie im Detail vorzustellen. Lassen Sie uns kurz darüber sprechen es hier: Schauen Sie sich zuerst den Konstruktor in ES5 an und verwenden Sie dann ES6-Klassen, um ihn zu implementieren:

  // ES5写法 ：
    function fun ( x, y ){
      this.x = x;
      this.y = y;
    };
    fun.prototype.GetHair = function(){
      return `${this.x}掉了两根头发，${this.y}说俺也一样！`;
    };
    let setHair = new fun('小明','老王');
    console.log(setHair.GetHair()); // 小明掉了两根头发，老王说俺也一样！

Schauen wir uns die Schreibmethode der ES6-Klasse an:

 class Interest {
    constructor( x, y, e, z ){
      this.x = x;
      this.y = y;
      this.e = e;
      this.z = z;
    }
    MyInterest(){
      let arr = [];
      console.log(`我会${[...arr,this.x,this.y,this.e,this.z]}!`);
    }
  }
  let GetInterest = new Interest('唱','跳','rap','篮球');
  console.log(GetInterest.MyInterest());  //我会唱,跳,rap,篮球!

ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已，constructor方法就是构造方法，而this关键字则代表实例对象。也就是ES5 的构造函数Point，对应 ES6 的Point类的构造方法。

用关键字import声明变量

import用于加载文件，在大括号接收的是一个或多个变量名，这些变量名需要与你想要导入的变量名相同。

举个栗子：你想要导入action.js文件中的某一个变量，这个变量里保存了一段代码块，所以你要写成：import { Button } from 'action'，这个时候，你就从action.js中获取到了一个叫 Button 的变量，既然获取到了，你就可以对Button里的代码猥琐欲为了

如果想为输入的变量重新取一个名字，import命令要使用as关键字，将输入的变量重命名，比如：

import { NewButton as Button } from 'action.js';

上面的代码表示从action.js文件中，获取一个变量名称叫做Button的代码段，然后你又声明了一个变量 NewButton ，将 Button 保存在 NewButton

【相关推荐：javascript视频教程、web前端】

Das obige ist der detaillierte Inhalt vonKann es6 Variablen mit var deklarieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!