ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScriptでクラスとは何を意味しますか
JavaScript では、class は「クラス」を意味します。class キーワードは、クラスのテンプレートを定義するために使用されます。クラスは、同じ属性と動作を持つグループのコレクションとして理解できます。構文は「class」です。 {変数とメソッドを設定する}」。
このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript におけるクラスの意味とは
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 中国語 Web サイトの他の関連記事を参照してください。