JavaScript ES6 讓我們寫得少,做得多

// 通過解構獲取值const Func = (...anArray) => anArray;

spread 運算符與 rest 參數具有相同的語法,但是 spread 運算符采用數組本身而不僅僅是參數。我們可以使用 Spread 參數來獲取數組的值,而不是使用 for 循環或任何其他方法。

const arr=['said',20,'JavaScript enthusiast','Hi','Said','How are you?'];
const Func=(...anArray)=>{
return anArray;
}
console.log(Func(arr)); //["said", 20, "JavaScript enthusiast", "Hi", "Said", "How are you?"

Class

類是面向對象編程(OOP)的核心。它們使您的代碼更安全和封裝。使用類可以為代碼提供一個很好的結構並使其保持面向對象。

class myClass {
constructor() {
}
}

要創建一個類,請使用 class 關鍵字,後跟帶有兩個大括號的類的名稱。

class myClass {
constructor(name, age) {
this.name = name;
this.age = age;
}
}
const user = new myClass('Said', 22);
console.log(user.name); // Said
cosnole.log(user.age); // 22

現在我們可以使用 new 關鍵字訪問類方法和屬性。

class myClass{
constructor(name,age){
this.name=name;
this.age=age;
}

}
const Home= new myClass("said",20);
console.log(Home.name)// said

要從其他類繼承,請使用 extends 關鍵字,後跟要繼承的類的名稱。

class myClass {
constructor(name, age) {
this.name = name;
this.age = age;
}
sayHello() {
cosnole.log(`Hi ${this.name} your age is ${this.age} `);
}
}
// 繼承 myClass 方法和屬性
class UserProfile extends myClass {
username() {
console.log(this.name);
}
}
const profile = new UserProfile('Said', 22);
profile.sayHello();// Hi Said your age is 22;
profile.username();// Said


分享到:


相關文章: