Résumé de la connaissance de la grammaire ES6 (4)

Classe

Différence entre les javascripts et les classes java >>>
classe js basée sur le prototype: connecter
java basée sur la classe: copier

Structure d'imitation ES5: constructeur (type personnalisé)

	function hacker(name,age){
		this.name=name;
		this.age=age;
	}
	hacker.prototype.introduce=function(){
		console.log(`我叫${this.name}`)
	}
	const one = new hacker("sagasw",21);
	const two = new hacker("kok",17);

Comment écrire des classes dans ES6

	class hacker{
	constructor(name,age){
		this.name=name;
		this.age=age;
	}
	introduce(){
		console.log(`我叫${this.name}`)
	}
}
	const one = new hacker("sagasw",21);
	const two = new hacker("kok",17);

Remarque sur la syntaxe des classes dans js:
类语法注意事项
1,类声明不会提升
2,类声明中的代码都自动运行在严格模式下
3,调用类必须使用new
4,类中所有的方法都是不可枚举的
5,类中的方法是不能用new调用的
6,在类的方法中重写类名报错

Exemple standard:

const Dog = (function(){
	"use strict";//严格模式下
	const Dog = fuction(name,age){
		if(!(this instanceof Dog)){
			throw new Error("必须用new去调用方法")
		}
		this.name=name;
		this.age=age;
	}
	Object.defineProperty(Dog.prototype,"bark",{
		value:function(){
			if(this instanceof Dog.prototype.bark){
				throe new Error("不能使用new调用")
			}
			console.log(`我叫${this.name}`)
		},
		enumerable:false
	})
	return Dog;
})()

Expression de classe

	const Cat = class{
		constructor(age){
			this.age=age;
		}
	}
	const xiaomiao = new Cat(1);

Les classes sont des citoyens de première classe:
peuvent être transmises en tant que paramètres aux fonctions,
peuvent être utilisées comme valeurs de retour de fonction,
peuvent être affectées à des variables

Membre statique

	const sag = class{
		static kok(age){
			this.age=age;
		}
	}
	const xx = new sag(1);

En raison des membres statiques, xx ne vieillira pas

getter 与 setter

getter est une méthode pour obtenir la valeur d'attribut, et setter est une méthode pour définir la valeur d'attribut
getter >>>>>>>

	const sag = class{
		constructor(name,age){
			this.age=age;
			this.name=name;
		}
		get galarxy(){
			console.log(`你的名字:${this.name}`);
		}
	}
	const xx = new sag(1);

setter >>>>>>

	const sag = class{
		constructor(name,age){
			this.age=age;
			this.name=name;
		}
		set galarxy(){
			console.log(`你的名字:${this.name}`);
		}
	}
	const xx = new sag(1);

A publié 20 articles originaux · A aimé 19 · Visiteurs 4868

Je suppose que tu aimes

Origine blog.csdn.net/qq_41136216/article/details/105533412
conseillé
Classement