ES6 0學習 Day6 物件的擴充套件

2021-09-28 18:00:07 字數 1639 閱讀 3421

var name =

'xhp'

;var age =22;

vargreet

=function()

var obj =

}

方式一:

var obj =

; obj.foo =

true

;es5的使用方式

方法二:

var obj =

; obj[

'a'+

'bc']=

'123'

;es6新增的方式

var poopkey =

'foo'

;let obj =

== 會進行資料型別轉換

===的缺點 nan

!==nan+0

===-

0object.is(

nan,

nan)

true

;object.is(

+0,-

0)false

;object.is(

,) flase;

object.is(

,[])

false

;

形式: object(argu1,argu2,argu3 …)

注意: 巢狀物件的合併 同名屬性直接覆蓋

$.extend(arg1,arg2,arg3) 物件合併 預設淺拷貝

$.extend(true,arg1,arg2) 第乙個引數填true 執行的就是深拷貝

object.keys(obj) 返回引數物件自身所有可遍歷的鍵名

object.values(obj) 返回引數物件自身所有可遍歷的鍵值

object.entries(obj) 返回引數物件自身所有可遍歷的鍵值對

var obj1 = ; var obj2 =

obj1.proto= obj2;(物件設定原型的方式 建構函式使用prototype)

es6 設定提供三個方法 讀 寫 創造

讀取: object.getprototypeof(obj)

設定: object.setprototypeof(obj1,obj2)

創造: object.create()

用法: (…obj/arr)

例項:

var obj =

var obj1 =

var obj2 =

//代替object.assign

var arr =[1

,2]var arr1 =[2

,3]var arr2 =

[...arr,

...arr1]

解構賦值的時候使用 就是rest運算子(一定要放在最後乙個變數或屬性名稱身上)

var

[x,...y]=[

1,2,

3]// x = 1, y = [2,3]

var=

//foo = 1 bar =

方法返回指定物件上乙個自有屬性對應的屬性描述符。

(自有屬性指的是直接賦予該物件的屬性,不需要從原型鏈上進行查詢的屬性)

ES6 物件擴充套件

es6 允許直接寫入變數和函式,作為物件的屬性和方法 var key1 1 var bj var bz 方法的簡寫 var ob fn2 表示式還可以用於定義方法名。var lastword last word var a a first word hello a lastword world a ...

ES6物件擴充套件

es6允許直接寫入變數和函式,作為屬性名和方法 var a b var c c 如果屬性值與屬性名一樣,我們值寫屬性名就可以 方法簡寫 add add function 定義物件屬性有兩種方法 obj.name lijixuan 2obj name lijixuan 我們原本只能用識別符號定義屬性,...

ES6 物件擴充套件

物件擴充套件主要從四個方面開展 1.簡潔表示法 2.屬性表示式 3.擴充套件運算子 4.object新增方法 let es6 console.log es5,es6 object object 在es5中,我們去定義物件,多使用鍵值對的方式來定義,在es6中,我們直接使用變數名稱來定義就可以了。是不...