Heim >Web-Frontend >Front-End-Fragen und Antworten >Was ist der Unterschied zwischen den Konstruktoren von es6 und es5?

Was ist der Unterschied zwischen den Konstruktoren von es6 und es5?

WBOY
WBOYOriginal
2022-04-25 17:48:012379Durchsuche

Unterschied: 1. Die Variablen der Klasse im es6-Konstruktor werden nicht heraufgestuft, das heißt, das Objekt kann erst nach der Definition der Klasse erstellt werden, während durch die Deklaration des Konstruktors in es5 die Variablen erhöht werden Der Konstruktor kann in es6 nicht direkt aufgerufen werden. In es5 können Sie den Konstruktor direkt aufrufen und den Konstruktor als normale Funktion verwenden.

Was ist der Unterschied zwischen den Konstruktoren von es6 und es5?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6.0, Dell G3-Computer.

Was ist der Unterschied zwischen den Konstruktoren von es6 und es5?

Verwenden Sie Konstruktoren, um wiederverwendbare Objekte zu konstruieren. Es handelt sich um eine spezielle Methode, die sich qualitativ von gewöhnlichen Funktionen unterscheidet Bei einem Objekt wird es hauptsächlich zum Initialisieren des Objekts verwendet, d ES5

function foo(){
	this.name = 'Katherine';
	this.age  = '26';
}
var f = new foo();
console.log(f)		//Object
console.log(f.name)	//Katherine
console.log(f.age)  //26

function foos(name,age,sex){
	this.name = name;
	this.age  = age;
	this.sex  = sex;
}
var f1 = new foos('Kathrine', '26', 'female');
var f2 = new foos('Stefan', '27', 'male');
var f3 = new foos('Damon', '29', 'male');
console.log(f1) //foos {name: "Kathrine", age: "26", sex: "female"}
console.log(f2) //foos {name: "Stefan", age: "27", sex: "male"}
console.log(f3) //foos {name: "Damon", age: "29", sex: "male"}
ES6

class foo{
	constructor(){
		this.name = 'Karherine';
		this.age  = '26';
	}
	vampire(va){
		console.log('Her name is '+this.name+' and she was '+this.age+' years old')
	}
}
let f = new foo()
	f.vampire();  //Her name is Karherine and she was 26 years old
//继承原型	
class foos extends foo{
	constructor(){
		super();
		this.name = 'Stefan';
		this.age  = '27';
	}
}	
let f1 = new foos();
	f1.vampire();  //His name is Stefan and he was 27 years old

1, ES5 kann new zum Generieren von Objekten verwenden, oder Sie können den Konstruktor direkt aufrufen und ihn als normale Funktion verwenden. Beispielsweise muss die Funktion foo();

2 new zum Generieren von Objekten verwenden und kann den Konstruktor nicht direkt aufrufen, um sie als normale Funktion zu verwenden.

Im Gegensatz zu ES5 werden Klassenvariablen nicht hochgestuft, was bedeutet, dass Objekte erst erstellt werden können, nachdem die Klasse definiert wurde.

Klassenaufrufe müssen new verwenden, und gewöhnliche Konstruktoren können als gewöhnliche Funktionen verwendet werden.

【Verwandte Empfehlungen:

Javascript-Video-Tutorial
,

Web-Frontend

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen den Konstruktoren von es6 und es5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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