|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 本篇文章給大家帶來的內容是關于ES6中增強的對象字面量的簡單介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。概述在es6中,對象字面量的語法被增強了 更短的屬性聲明如果屬性的屬性名和屬性值引用的變量名一致,可以直接省略 let name="jack"
// es6之前
var obj={name:name} // {name:"jack"}
// es6
let obj={name} // {name:"jack"}更短的函數聲明如果屬性的屬性名和屬性值(函數)的函數名一致或者屬性值(函數)沒有函數名,可以省略 // es6之前
var obj={sum: function(a, b){return a+b}}
// es6
let obj={sum(a, b){return a+b}} //{sum:function(a, b){return a+b}}可動態計算的屬性名屬性名可以動態變化 let key="name"
let obj={[key]:"jack"} // {name:'jack'}總覽let key="name"
let age=23
let person={
[key]:"jack",
getName(){return "jack"},
age
} // {name:"jack",getName:function(){return "jack"},age:23}使用babel翻譯源碼 let key="name"
let age=23
let person={
[key]:"jack",
getName(){return "jack"},
age
}翻譯后可以發現,使用的是 "use strict";
var _person;
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true });
} else {
obj[key] = value;
}
return obj;
}
var key = "name";
var age = 23;
var person = (_person = {}, _defineProperty(_person, key, "jack"), _defineProperty(_person, "getName", function getName() {
return "jack";
}), _defineProperty(_person, "age", age), _person);以上就是ES6中增強的對象字面量的簡單介紹的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!