亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

ES2015入門(mén)系列8-新對(duì)象特性

Seay / 791人閱讀

摘要：繼續(xù)以代碼進(jìn)行展開(kāi)在中，如下代碼鴨子黃色嘎嘎嘎鴨子黃色嘎嘎嘎為對(duì)象帶來(lái)的新特性屬性簡(jiǎn)寫(xiě)如果屬性名稱(chēng)和變量名稱(chēng)一致，那么可以直接用省略變量名，如下鴨子黃色嘎嘎嘎鴨子黃色嘎嘎嘎方法簡(jiǎn)寫(xiě)方法可以省略冒號(hào)以及關(guān)鍵字如下鴨子黃色嘎嘎嘎鴨子黃色嘎嘎嘎解

繼續(xù)以代碼進(jìn)行展開(kāi), 在ES5中，如下代碼：

function makeDuckToy() {
  var name = "鴨子";
  var color = "黃色";
  return {
    name: name,
    color: color,
    quacks: function() {
      console.log("嘎嘎嘎~~~");
    }
  }
}

var duck = makeDuckToy();

console.log(duck.name); // 鴨子
console.log(duck.color); // 黃色
duck.quacks(); //嘎嘎嘎~~~

ES2015為對(duì)象帶來(lái)的新特性:

屬性簡(jiǎn)寫(xiě)

如果屬性名稱(chēng)和變量名稱(chēng)一致，那么可以直接用省略變量名，如下:

function makeDuckToy() {
  let name = "鴨子";
  let color = "黃色";
  return {
    name,
    color,
    quacks: function() {
      console.log("嘎嘎嘎~~~");
    }
  }
}

let duck = makeDuckToy();

console.log(duck.name); // 鴨子
console.log(duck.color); // 黃色
duck.quacks(); //嘎嘎嘎~~~

方法簡(jiǎn)寫(xiě)

方法可以省略冒號(hào)以及function關(guān)鍵字, 如下：

function makeDuckToy() {
  let name = "鴨子";
  let color = "黃色";
  return {
    name,
    color,
    quacks() {
      console.log("嘎嘎嘎~~~");
    }
  }
}

let duck = makeDuckToy();

console.log(duck.name); // 鴨子
console.log(duck.color); // 黃色
duck.quacks(); //嘎嘎嘎~~~

解構(gòu)賦值

解構(gòu)賦值，我們之前已經(jīng)講過(guò)，這里再繼續(xù)舉個(gè)例子:

ES5中，假設(shè)從ajax中獲取數(shù)據(jù)，并取出想要的值:

function ajax() {
  return {
   status: true,
   data: ["鴨子", "老虎"],
   total: 12
  }
}

var result = ajax();
var data = result.data;
var total = result.total;

有了 解構(gòu)賦值，代碼就可以簡(jiǎn)化成:

function ajax() {
  return {
   status: true,
   data: ["鴨子", "老虎"],
   total: 12
  }
}

let {data, total} = ajax();

就是如此方便，不是嗎？

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/83761.html

相關(guān)文章

  • ES2015入門(mén)系列1-初識(shí)ES2015

    EcmaScript 其實(shí)是一種語(yǔ)言規(guī)范，常見(jiàn)的 JavaScript, ActionScript 等都是其具體實(shí)現(xiàn)，平時(shí)使用中一般可以將其和Javascript對(duì)等稱(chēng)呼，本系列教程主要講述 EcmaScript2015(ES6) 為JavaScript帶來(lái)的新的特性，并初步掌握如何利用其進(jìn)行開(kāi)發(fā)。 本系列面向有一定基礎(chǔ)知識(shí)的ES5使用者，不適合初學(xué)者。 先來(lái)看兩段代碼： Human.js exp...

    hellowoody 評(píng)論0 收藏0

  • JS筆記

    摘要：從最開(kāi)始的到封裝后的都在試圖解決異步編程過(guò)程中的問(wèn)題。為了讓編程更美好，我們就需要引入來(lái)降低異步編程的復(fù)雜性。異步編程入門(mén)的全稱(chēng)是前端經(jīng)典面試題從輸入到頁(yè)面加載發(fā)生了什么這是一篇開(kāi)發(fā)的科普類(lèi)文章，涉及到優(yōu)化等多個(gè)方面。 TypeScript 入門(mén)教程 從 JavaScript 程序員的角度總結(jié)思考，循序漸進(jìn)的理解 TypeScript。 網(wǎng)絡(luò)基礎(chǔ)知識(shí)之 HTTP 協(xié)議 詳細(xì)介紹 HTT...

    rottengeek 評(píng)論0 收藏0

  • ES2015入門(mén)系列9-Babel和Rollup

    摘要：雖然夠好用，奈何沒(méi)有瀏覽器對(duì)其可以完全支持，本文書(shū)寫(xiě)時(shí)間，開(kāi)發(fā)版號(hào)稱(chēng)已經(jīng)支持的特性。開(kāi)始安裝本系列假定讀者都有使用經(jīng)驗(yàn)，如果還沒(méi)有，趕緊去這里了解并安裝吧。到此，我們的已經(jīng)準(zhǔn)備就緒。 通過(guò)前面章節(jié)的講解，大家對(duì)ES2015的一些新語(yǔ)法有了初步的理解，之前我們的測(cè)試代碼都可以直接放入 Chrome Console 中直接運(yùn)行，為了更好的學(xué)習(xí)后面的面向?qū)ο蠛湍K開(kāi)發(fā)，我先用一章介紹一下 B...

    eccozhou 評(píng)論0 收藏0

  • 1月份前端資源分享

    摘要：更多資源請(qǐng)文章轉(zhuǎn)自月份前端資源分享視頻前端技術(shù)論壇融合不可錯(cuò)過(guò)的迷你庫(kù)測(cè)試框架實(shí)例教程為你詳細(xì)解讀請(qǐng)求頭的具體含意解析的庫(kù)如果要用前端框架，開(kāi)發(fā)流程是怎樣的與有什么區(qū)別正確使用的方法是什么流程圖插件小如何讓元素只能輸入純文本前端技術(shù)中 更多資源請(qǐng)Star：https://github.com/maidishike... 文章轉(zhuǎn)自：https://github.com/jsfront...

    solocoder 評(píng)論0 收藏0

  • 前端補(bǔ)集 - 收藏集 - 掘金

    摘要：原文地址一個(gè)非常適合入門(mén)學(xué)習(xí)的博客項(xiàng)目前端掘金一個(gè)非常適合入門(mén)學(xué)習(xí)的項(xiàng)目，代碼清晰結(jié)構(gòu)合理新聞前端掘金介紹一個(gè)由編寫(xiě)的新聞。深入淺出讀書(shū)筆記知乎專(zhuān)欄前端專(zhuān)欄前端掘金去年的一篇老文章，恰好今天專(zhuān)欄開(kāi)通，遷移過(guò)來(lái)。 破解前端面試（80% 應(yīng)聘者不及格系列）：從閉包說(shuō)起 - 掘金修訂說(shuō)明：發(fā)布《80% 應(yīng)聘者都不及格的 JS 面試題》之后，全網(wǎng)閱讀量超過(guò) 6W，在知乎、掘金、cnodejs ...

    YorkChen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<