>웹 프론트엔드 >프런트엔드 Q&A >자바스크립트에서 클래스는 무엇을 의미하나요?

자바스크립트에서 클래스는 무엇을 의미하나요?

WBOY
WBOY원래의
2022-01-17 17:10:346063검색

JavaScript에서 클래스는 "클래스"를 의미합니다. 클래스 키워드는 클래스에 대한 템플릿을 정의하는 데 사용됩니다. 클래스는 동일한 속성과 동작을 가진 그룹의 모음으로 이해될 수 있습니다. 메소드 }".

자바스크립트에서 클래스는 무엇을 의미하나요?

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

자바스크립트에서 클래스의 의미는 무엇인가요?

1. 클래스란 무엇인가요?

여기서 클래스는 동일한 속성과 동작을 가진 그룹의 모음이라는 것을 이해할 수 있습니다. es6에서는 클래스 개념이 처음으로 도입되었으며, class 키워드를 생성하여 클래스의 템플릿을 정의했습니다.

2. js

class Number{
}

3에서 클래스를 만듭니다. 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);

효과 표시:

hh
1
2
hh
3
4

4의 정적 속성 및 인스턴스 메서드를 구현합니다.

//构造方法
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);
효과 표시:

1
hh
1
2
1
hh
3
4

5. 클래스 상속

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

我是父亲
我是儿子
father

[관련 권장 사항:

javascript 학습 튜토리얼

]

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.