亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【金秋打卡】第17天 再學JavaScript ES(6-10)全版本語法大全

標簽:
JavaScript

课程名称:再学JavaScript ES(6-10)全版本语法大全
课程章节:2-23 Object Property
课程讲师:快乐动起来呀
课程内容:

在ES6之前对象的属性必须是key-value形式

  var x = 0, y = 0;
  obj = { x: x, y: y };

在 ES6 之后是可以用简写形式来表达

  var x = 0, y = 0
    obj = { x, y }

在ES6之前对象的key在定义时必须是字符串,如果想增加“动态”的 key,必须是先计算出 key,利用 object[key] = value 的方式来修改
在ES6之后可以直接用变量或者表达式来定义key

  let obj = {
    foo: 'bar',
    (['baz'+ quux()]): 42
  }

而不需要这样写

   var obj = {
     foo: 'bar'
   }
   obj['baz' + quux()] = 42

ES5对象的属性只支持常规函数,对于异步函数是不支持的

   var obj = {
      foo: function (a, b) {

      },
      bar: function (x, y) {

      }
    }

但从ES6开始对象内的方法可以简写,包括常规函数和异步函数

    let obj = {
      foo (a, b) {

      },
      bar (x, y) {

      },
      * quux (x, y) {

      }
    }

课程收获:

  1. 属性和值可以用变量来简写代替
  2. key可以是表达式或变量,用中括号包裹
  3. value是函数的话,可以不用键值对的形式,简写为
    hello () {
      console.log('hello')
    }

这里的 hello 是常规函数,ES6中区分的异步函数和常规函数是不一样的
ES5中不允许在object对象中增加异步函数,ES6中是允许的
在函数名称前加上*号,即为异步函数

图片描述

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
1
獲贊與收藏
0

關注作者,訂閱最新文章

閱讀免費教程

  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消