es6 屬性的簡潔表示法

2022-08-20 22:39:11 字數 1269 閱讀 6927

es6 允許直接寫入變數和函式,作為物件的屬性和方法。這樣的書寫更加簡潔。

const foo = 'bar';

const baz =;

baz

////

等同於const baz = ;

上面**表明,es6 允許在物件之中,直接寫變數。這時,屬性名為變數名, 屬性值為變數的值。下面是另乙個例子。

function

f(x, y) ;}//

等同於function

f(x, y) ;

}f(1, 2) //

object

除了屬性簡寫,方法也可以簡寫。

const o =

};//

等同於const o =

};

下面是乙個實際的例子。

let birth = '2000/01/01';

const person =

};

這種寫法用於函式的返回值,將會非常方便。

function

getpoint() ;

}getpoint()

//

commonjs 模組輸出一組變數,就非常合適使用簡潔寫法。

let ms ={};

function

getitem (key)

function

setitem (key, value)

function

clear () ;

}module.exports =;

//等同於

module.exports =;

屬性的賦值器(setter)和取值器(getter),事實上也是採用這種寫法。

const cart =,

set wheels (value)

this._wheels =value;

}}

注意,簡潔寫法的屬性名總是字串,這會導致一些看上去比較奇怪的結果。

const obj =

};//

等同於var obj =

};

上面**中,class是字串,所以不會因為它屬於關鍵字,而導致語法解析報錯。

如果某個方法的值是乙個 generator 函式,前面需要加上星號。

const obj =

};

ES6 屬性的遍歷

1.for in 迴圈遍歷物件自身的和繼承的可列舉屬性 不含symbol屬性 2.obejct.keys obj 返回乙個陣列,包括物件自身的 不含繼承的 所有可列舉屬性 不含symbol屬性 3.object.getownpropertynames obj 返回乙個陣列,包含物件自身的所有屬性 不...

ES6 屬性的遍歷

可列舉屬性 描述物件的 enumerable 屬性成為 可列舉性 如果該屬性為 false,就表示某些操作會忽略當前屬性。for in,object.keys json.stringify 1 for in 迴圈遍歷物件自身的和繼承的可列舉屬性 不含 symbol 屬性 2 object.keys ...

ES6 屬性的遍歷

es6 一共有6種方法可以遍歷物件的屬性 1 for.in for.in 迴圈遍歷物件自身的和繼承的可列舉屬性 不含symbol屬性 2 object.keys obj object.keys 返回乙個陣列,包括物件自身的 不含繼承的 所有可列舉屬性 不含symbol屬性 3 object.geto...