成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

ES2015入門系列8-新對象特性

Seay / 756人閱讀

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

繼續(xù)以代碼進(jìn)行展開, 在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為對象帶來的新特性:

屬性簡寫

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

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(); //嘎嘎嘎~~~

方法簡寫

方法可以省略冒號以及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)講過，這里再繼續(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)賦值，代碼就可以簡化成:

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

let {data, total} = ajax();

就是如此方便，不是嗎？

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/83761.html

相關(guān)文章

  • ES2015入門系列1-初識ES2015

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

    hellowoody 評論0 收藏0

  • JS筆記

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

    rottengeek 評論0 收藏0

  • ES2015入門系列9-Babel和Rollup

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

    eccozhou 評論0 收藏0

  • 1月份前端資源分享

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

    solocoder 評論0 收藏0

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

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

    YorkChen 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<