五 ES6之物件

2022-10-07 17:00:24 字數 1624 閱讀 9685

j**ascript中物件：

var person=;
或：

var name = "jack";


var age = 20;


var person = ;


console.log(person.age); //20
es6中的簡潔表示：

let [name,age]=["jack",20];


let person = ; //等同person = 


console.log(person.age); //20
j**ascript中物件方法：

var person = 


}person.sayhi();  //hi
es6中簡潔表示：

let person = 


}person.sayhi();
es6允許用表示式作為屬性名，但是一定要將表示式放在方括號內：

var person = ;


console.log(person.age);
或

let str = "hi";


let person = 


}person.sayhi();
注意點：屬性的簡潔表示法和屬性名表示式不能同時使用，否則會報錯：

let [name,age]=["jack",20];


let person = ; //報錯
取出引數物件所有可遍歷屬性然後拷貝到當前物件：

let stu1 = ;


let stu2 = ;


console.log(stu2); //
合併兩個物件：

let stu1basicinfo = ;


let stu1detailinfo = ;


let stu = ;


console.log(stu);


//
拷貝物件時支援新增屬性：

let stu1 = ;


let stu2 = ;


console.log(stu2); //
新增的屬性在拓展運算子後面，取新增的屬性：

let stu1 = ;


let stu2 = ;


console.log(stu2);


//
新增的屬性在拓展運算度前面，取擴充套件運算子內容：

let stu1 = ;


let stu2 = ;


console.log(stu2);


//

ES6之 函式（五）

rest 引數 變數名 報錯 function f a,b,c 箭頭函式 箭頭函式的特點 案例 案例 1 varf v v 上面的箭頭函式等同於 varf function v letfun function fun 案例 2 沒有形參，並且函式體只有一條語句 letfun1 console.log...

重走es6之es6物件

看到這裡突然就想到，你有物件嗎？我沒有 哭的超大聲 es6中規定可以直接在物件中寫入變數和函式作為物件的屬性和方法，此時屬性名為變數名，屬性值為變數的值。物件的簡寫在專案中使用頻率極其高。let name zhangsan let age 18let obj console.log obj 結果為 ...

ES6 細化ES6之 物件的擴充套件

物件的屬性 屬性表示法es6 允許在大括號裡面，直接寫入變數和函式，作為物件的屬性和方法 es5 let name 張無忌 function sayme es5定義物件的屬性和方法的方式 var obj console.log obj.name 張無忌es6 let name 張無忌 functio...