자바스크립트의 클래스란 무엇인가요?

JavaScript에서 클래스는 클래스 유형이라고도 하는 사용자 정의 유형입니다. 이는 es6부터 시작하여 동일한 속성과 동작을 가진 그룹의 모음입니다. 예: "클래스 클래스 이름 {}".

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

클래스란 무엇입니까

객체 지향 프로그래밍에서 클래스는 동일한 객체 그룹("인스턴스"라고도 함)에 공통적인 속성과 메서드를 정의하는 객체의 템플릿입니다. 클래스는 클래스 유형이라고도 하는 사용자 정의 참조 데이터 유형입니다.

클래스는 동일한 속성과 행동을 가진 그룹의 모음이라고 이해할 수 있습니다.

JS의 클래스

ES5 이전에는 JS에서 클래스를 표현하기 위해 prototype-based라는 문법 스타일을 사용했습니다.

	function 士兵(id,hp){
	    this.id = id
	    this.hp = hp
	}
	士兵.prototype = {
	    constructor:士兵()
	    walk:function(){ } ,
	    Shooting:function(){ } ,
	}

es6에서는 Create를 통해 처음으로 클래스 개념이 도입되었습니다. 클래스 템플릿을 정의하는 클래스 키워드입니다.

1. js

class Number{
}

2에서 클래스를 만듭니다. Class

//构造方法
class Number{
//实例属性
constructor(id,age){
//this指向当前事件
this.id=id;
this.age=age;
}
//实例方法
num(){
console.log("hh");
}
}
//实例化对象
var n1=new Number("1","2");
n1.num(1);
console.log(n1.id);
console.log(n1.age);
var n2=new Number("3","4");
n2.num(2);
console.log(n2.id);
console.log(n2.age);

Effect 표시의 생성자, 인스턴스 속성 및 인스턴스 메서드를 구현합니다.

hh
1
2
hh
3
4

3. :

//构造方法
class Number{
//静态属性调用一个方法
static ppp=1;
//实例属性
constructor(id,age){
//this指向当前事件
this.id=id;
this.age=age;
console.log(Number.ppp)
}
//实例方法
num(){
console.log("hh");
}}
//实例化对象
var n1=new Number("1","2");
n1.num(1);
console.log(n1.id);
console.log(n1.age);
var n2=new Number("3","4");
n2.num(2);
console.log(n2.id);
console.log(n2.age);

4. 클래스 상속

1
hh
1
2
1
hh
3
4

효과 표시:

//父类
class Father{
//构造方法不能被继承
constructor(){
console.log("我是父亲");
this.name="father"
}
}
//子类
class Son extend Father{
//执行子类构造方法之前必须先执行父类构造方法
constructor(){
super();//执行父类构造方法
console.log("我是儿子")
}
}
var son=new Son;
console.log(son.name)

[추천 학습:

javascript 고급 튜토리얼

]

위 내용은 자바스크립트의 클래스란 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!