生活随笔
收集整理的這篇文章主要介紹了
reactjs 类的基本知识
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
總結:
1.類中的構造器不是必須要寫的,要對實例進行一些初始化的操作,如添加指定屬性時才寫。
2.如果A類繼承了B類,且A類中寫了構造器,那么A類構造器中的super是必須要調用的。
3.類中所定義的方法,都放在了類的原型對象上,供實例去使用。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>1_類的基本知識</title>
</head>
<body><script type="text/javascript" >/* 總結:1.類中的構造器不是必須要寫的,要對實例進行一些初始化的操作,如添加指定屬性時才寫。2.如果A類繼承了B類,且A類中寫了構造器,那么A類構造器中的super是必須要調用的。3.類中所定義的方法,都放在了類的原型對象上,供實例去使用。*///創建一個Person類class Person {//構造器方法constructor(name,age){//構造器中的this是誰?—— 類的實例對象this.name = namethis.age = age}//一般方法speak(){//speak方法放在了哪里?——類的原型對象上,供實例使用//通過Person實例調用speak時,speak中的this就是Person實例console.log(`我叫${this.name},我年齡是${this.age}`);}}//創建一個Student類,繼承于Person類class Student extends Person {constructor(name,age,grade){super(name,age)this.grade = gradethis.school = '尚硅谷'}//重寫從父類繼承過來的方法speak(){console.log(`我叫${this.name},我年齡是${this.age},我讀的是${this.grade}年級`);this.study()}study(){//study方法放在了哪里?——類的原型對象上,供實例使用//通過Student實例調用study時,study中的this就是Student實例console.log('我很努力的學習');}}class Car {constructor(name,price){this.name = namethis.price = price// this.wheel = 4}//類中可以直接寫賦值語句,如下代碼的含義是:給Car的實例對象添加一個屬性,名為a,值為1a = 1wheel = 4static demo = 100}const c1 = new Car('奔馳c63',199)console.log(c1);console.log(Car.demo);</script>
</body>
</html>
總結
以上是生活随笔為你收集整理的reactjs 类的基本知识的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。