ES6系列 9之物件

2022-05-01 20:03:06 字數 1573 閱讀 4575

1.物件賦值

es5中的物件賦值方式如下：

let name="小明";


let skill= 'es6開發';


var obj=;


console.log(obj);
結果為：

es6允許把宣告的變數直接賦值給物件，例如：

let name="小明";


let skill= 'es6開發';


var obj=;


console.log(obj);
結果與上述相同。

2.物件key值構建

有時候我們會在後台取出key值，而不是我們前台定義好的，這時候我們可以我們可以把後台定義的key值重新構建返回給後台。

在前端我們可以用[ ] 的形式，進行物件的構建。

let key='skill';//假定是後台定義的key值


var obj=


console.log(obj.skill);//web
3.自定義物件方法物件方法就是把物件中的屬性，用匿名函式的形式程式設計方法。

var obj=


}console.log(obj.add(1,2));  //


3
4.object.is( ) 物件比較es5的物件比較方法,經常使用===來判斷，如下：

var obj1 = ;


var obj2 = ;


console.log(obj1.name === obj2.name);//


true
es6為我們提供了is方法進行對比，如下：

var obj1 = ;


var obj2 = ;


console.log(object.is(obj1.name,obj2.name))//true
區分=== 和 is方法的區別是什麼，看下面的**輸出結果。

console.log(+0 === -0);  //


true


console.log(nan === nan ); //


false


console.log(object.is(+0,-0)); //


false


console.log(object.is(nan,nan)); //


true
記憶為：===為同值相等，is()為嚴格相等。

6.object.assign( )合併物件

使用assgin( )可以實現像陣列一樣的合併操作。

var a=;


var b=;


var c=;


let d=object.assign(a,b,c)


console.log(d);
結果為：

ES6系列 ES6簡介

2015年6月17日，ecmascript的第六個版本正式發布，該版本正式名稱為ecmascript 2015，但通常被稱為ecmascript 6或者es6。瀏覽器對es6的支援情況 es6主要應用於node.js，如果想用在瀏覽器中，就需要使用轉碼器 將es6 轉成es5 這意味著，可以用es6...

重走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...