Was sind die neuen Deklarationsmethoden in es6?

Neue Deklarationsmethoden: 1. let, wird zum Deklarieren von Variablen verwendet, die Syntax „let Variablenname=Wert“; 2. const, wird zum Deklarieren von Konstanten verwendet, die Syntax „const konstanter Name=Wert“; Klasse deklarieren, die Syntax lautet „Klasse Klassenname {...}“; 4. Import, wird zum Deklarieren statisch geladener Eingabevariablen verwendet.

Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue Version 2.9.6, DELL G3-Computer.

Was sind die neuen Deklarationsmethoden in ES6?

Vor ES5 gibt es zwei Arten von Deklarationsmethoden: Die erste ist „var“ zum Deklarieren von Variablen und Konstanten. Die zweite ist die „Funktion“, die die Funktion deklariert. In ES6 wurde die Methode der deklarierten Variablen auf 6 Arten gleichzeitig erweitert, und die Zusammenfassung lautet wie folgt:

Deklariert, um Variablen oder Konstanten zu deklarieren: VAR, Let (neues ES6 hinzufügen), const6 (neues ES6 erhöhen);

                                                           verwenden Verwendung mit ES 6 unter Verwendung von             Definitionskonzepte: l1, Let und const

Definition:

Let: ES6 fügt den Let-Befehl zum Deklarieren von Variablen hinzu. Seine Verwendung ähnelt der von var, die deklarierte Variable ist jedoch nur innerhalb des Blockebenenbereichs gültig, in dem sich der let-Befehl befindet.

const: ES6 fügt einen neuen const-Befehl hinzu, um eine schreibgeschützte Konstante zu deklarieren. Nach der Deklaration kann der Wert einer Konstante nicht mehr geändert werden. Variablen, die wie „let“ deklariert wurden, sind nur innerhalb des Bereichs auf Blockebene gültig ), was auch erklärt, warum die Variablen nicht ohne Deklaration deklariert werden; muss direkt bei der Deklaration von Variablen zugewiesen werden, der Wert kann nach der Konstantenzuweisung nicht geändert werden, sonst wird ein Fehler gemeldet.

Hinweis: Die von const wie oben erwähnte Variable kann nicht geändert werden Seien Sie „grundlegende Datentypen“ wie Zeichenfolgen, numerische Werte, boolesche Werte usw. Es bezieht sich nicht auf alle Datentypen. Wenn die mit const deklarierte Variable ein Referenzdatentyp ist, kann der Wert geändert werden.

Hier sprechen wir über die wahre Bedeutung des von const gespeicherten Inhalts: Was const tatsächlich garantiert, ist nicht, dass der Wert der Variablen nicht geändert werden kann, sondern dass die in der Speicheradresse gespeicherten Daten, auf die die Variable zeigt, nicht geändert werden können. Bei einfachen Datentypen (numerische Werte, Zeichenfolgen, boolesche Werte) wird der Wert an der Speicheradresse gespeichert, auf die die Variable zeigt, und entspricht daher einer Konstante.

Aber für zusammengesetzte Daten (hauptsächlich Objekte und Arrays) speichert die Speicheradresse, auf die die Variable zeigt, nur einen Zeiger auf die tatsächlichen Daten. Const kann nur garantieren, dass dieser Zeiger fest ist (das heißt, er zeigt immer auf einen anderen festen). Die Frage, ob die Datenstruktur, auf die sie verweist, variabel ist, liegt völlig außer Kontrolle. Daher müssen Sie sehr vorsichtig sein, wenn Sie ein Objekt als Konstante deklarieren.

Verwendung:

// let 用法
let a = '123';
 
// const 用法
const b = '456'

2, Klasse

Definition: Die meisten ihrer Funktionen können durch ES5 erreicht werden. Die neue Klassenschreibmethode ist nur eine Möglichkeit, Objektprototypen zu schreiben . Es ist einfach klarer und ähnelt eher der Syntax der objektorientierten Programmierung.

(Klasse definiert eine Klasse, die eigentlich ein sehr wichtiges Wissen ist. Hier lernen wir nur kurz die grundlegendste Verwendung und dienen als Einführung. Wir werden die eingehende Studie später aufzeichnen)

Verwendung:

// 基本方法定义一个类
class Point{
    constructor(x,y){
        this.x = x;
        this.y = y;
    }
 
    toString(){
        return '( '+ this.x +','+ this.y +')';
    }
}
 
var point = new Point(2,3)
point.toString(); // (2,3)
 
 
// 表达式的方法定义一个类
let person = new class {
  constructor(name) {
    this.name = name;
  }
 
  sayName() {
    console.log(this.name);
  }
}('张三');
 
person.sayName(); // "张三"

3. Verwendung von Import

:

Nachdem der Exportbefehl zum Definieren der externen Schnittstelle des Moduls verwendet wurde, können andere JS-Dateien dieses Modul über den Importbefehl laden.

// main.js
import { firstName, lastName, year } from './profile.js';
 
function setName(element) {
  element.textContent = firstName + ' ' + lastName;
}

Der Importbefehl des obigen Codes wird verwendet, um die Datei „profile.js“ und die Eingabevariablen daraus zu laden. Der Importbefehl akzeptiert ein Paar geschweifte Klammern, die die Variablennamen angeben, die aus anderen Modulen importiert werden sollen. Der Variablenname in den geschweiften Klammern muss mit dem Namen der externen Schnittstelle des importierten Moduls (profile.js) übereinstimmen. Wenn Sie die Eingabevariable umbenennen möchten, verwenden Sie das Schlüsselwort as im Importbefehl, um die Eingabevariable umzubenennen.

import { lastName as surname } from './profile.js';

【Verwandte Empfehlung: „vue.js Tutorial

“】

Das obige ist der detaillierte Inhalt vonWas sind die neuen Deklarationsmethoden in es6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!