成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

es6模板字符串、增強的對象字面、解構(gòu)賦值

laznrbfe / 1112人閱讀

摘要:模板字符串增強的對象字面解構(gòu)賦值模板字面量是允許嵌入表達(dá)式的字符串字面量。它們在規(guī)范的先前版本中被稱為模板字符串。

es6模板字符串、增強的對象字面、解構(gòu)賦值
模板字面量 是允許嵌入表達(dá)式的字符串字面量。你可以使用多行字符串和字符串插值功能。它們在ES2015規(guī)范的先前版本中被稱為“模板字符串。
var str = `I
            Love
            you`;
console.log(str);
var str1 = "I"+
            "Love"+
            "You"
console.log(str1)

var name = "筱妍";
var age = 23;
var sex = "女";
var js = "我叫"+name+",今年"+age+",性別"+sex+",來自黑龍江哈爾濱";
console.log(js)

var js1 = `我叫${name},今年${age},性別${sex},來自黑龍江哈爾濱`;
console.log(js1);

//標(biāo)簽?zāi)0遄址?function tag(strings,...args){
    console.log(strings);
    console.log(args);
}
var a = 1;
var b = 2;
var st = tag`
    ${a} + $=${a+b}
    `;
console.log(st);
``撇號
綁定變量
字符串支持多行
...擴展運算符
對象字面量的輸出方式有兩種:傳統(tǒng)的‘?!约皵?shù)組方式,只不過用數(shù)組方式輸出時,方括號里面要用引號括起來
var box = {
   name:’abc’;
   age:28
};
alert(box[‘name’])
對象字面量的定義方式,可以輕松搞定函數(shù)大量參數(shù)需要一一對應(yīng)輸出的情況。他的對策就是給函數(shù)傳入一個對象,而這個對象是用字面量的方式定義的,屬性和值對應(yīng)的方式可以一目了然他們的關(guān)系,因為函數(shù)只是一段代碼,必須調(diào)用才能執(zhí)行
function AA(obj){
      alert(obj.name);
       alert(obj.age);
}
var obj = {
      name: "abc",
      age: 28
}
AA(obj);
字面量對象屬性能夠簡寫
字面量對象方法可以簡寫省去function關(guān)鍵字
對象屬性 可以寫 自動計算的屬性
繼承——port——
解構(gòu)賦值可將數(shù)組的元素或?qū)ο蟮膶傩再x予給另一個變量,該變量的定義語法與數(shù)組字面量或?qū)ο笞置媪亢芟嗨?。此語法非常簡潔,相比于傳統(tǒng)的屬性訪問方式,更加直觀清晰。
var first = someArray[0];
var second = someArray[1];
var third = someArray[2];
事實上,用變量來描述并不恰當(dāng),因為你可以對任意深度的嵌套數(shù)組進行解構(gòu):
var [foo, [[bar], baz]] = [1, [[2], 3]];
console.log(foo);
// 1
console.log(bar);
// 2
console.log(baz);
// 3
可以在對應(yīng)位留空來跳過被解構(gòu)數(shù)組中的某些元素:
var [,,third] = ["foo", "bar", "baz"];
console.log(third);
// "baz"
指es6允許我們提取數(shù)組和對象里的值,賦給變量,
函數(shù)的結(jié)構(gòu)賦值
祝大家開心

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/87112.html

相關(guān)文章

  • 經(jīng)常會用到es6知識點

    摘要:經(jīng)常會用到的的知識點提到我們就來說說,也是誕生,它的初始名叫。又名,在,和大受重用。年,負(fù)責(zé)制定規(guī)范草案的委員會決定將定義新標(biāo)準(zhǔn)的制度改為一年一次出現(xiàn)。它們在規(guī)范的先前版本中被稱為模板字符串。它與數(shù)組非常相似,但是數(shù)據(jù)結(jié)構(gòu)的成員都是唯一的。 經(jīng)常會用到的es6的知識點 提到es6我們就來說說javascript,es6也是ES2015 1995:JavaScript誕生,它的初始名叫...

    asce1885 評論0 收藏0
  • es6解構(gòu)賦值、擴展運算符、rest參數(shù)使用

    摘要:模板字符串甚至還能嵌套解構(gòu)賦值允許按照一定模式,從數(shù)組和對象中提取值,對變量進行賦值,這被稱為解構(gòu)。運算符使用場景應(yīng)該稍少一些,主要是處理不定數(shù)量參數(shù),可以避免對象的使用。 es6中較為常用的書寫風(fēng)格 為了書寫的方便,es6中提出了很多比較友好的書寫方式,其中最為常見的屬于以下幾個: 字符串模板 `abcdef${test}` 解構(gòu)賦值 let [a, b, c] = [1,...

    xuweijian 評論0 收藏0
  • ES6常用新特性——讀《Understanding ECMAScript 6》總結(jié)

    摘要:對象解構(gòu)對象解構(gòu)語法在賦值語句的左側(cè)使用了對象字面量,例如代碼中,的值被存儲到本地變量中,的值則存儲到變量中。當(dāng)使用解構(gòu)賦值語句時,如果所指定的本地變量在對象中沒有找到同名屬性,那么該變量會被賦值為。 現(xiàn)在ES6在很多項目中大量使用。最近我也花時間看了一下《Understanding ECMAScript6》的中文電子書。在這里總結(jié)了一些在實際開發(fā)中常用的新特性。 塊級作用域 在ES6...

    jsliang 評論0 收藏0
  • ES6-前世今生(0)

    摘要:更新了個版本,最新正式版是語言的下一代標(biāo)準(zhǔn),早已在年月正式發(fā)布?;静恢С忠苿佣藶g覽器對的支持情況版起便可以支持的新特性。比較通用的工具方案有,,,等。 1、ECMAScript是什么? 和 JavaScript 有著怎樣的關(guān)系? 1996 年 11 月,Netscape 創(chuàng)造了javascript并將其提交給了標(biāo)準(zhǔn)化組織 ECMA,次年,ECMA 發(fā)布 262 號標(biāo)準(zhǔn)文件(ECMA-...

    LeviDing 評論0 收藏0
  • 使用ES6新特性開發(fā)微信小程序

    摘要:使用新特性開發(fā)微信小程序國際化與本地化新特性國際化與本地化新增了很多對于國際化的支持,比如時間格式,貨幣格式,數(shù)字格式等。 ECMAScript 6(簡稱ES6)是JavaScript語言的最新標(biāo)準(zhǔn)。因為當(dāng)前版本的ES6是在2015年發(fā)布的,所以又稱ECMAScript 2015。 微信小程序支持絕大部分ES6的新增特性。 使用ES6新特性開發(fā)微信小程序(1) ES6新特性:Cons...

    Backache 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<