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

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

【金秋打卡】第10天對象字面量的增強

標簽:
前端工具

一、课程名称:前端工程师2022版

二、课程章节:对象字面量的增强与函数参数的默认值

三、课程讲师:Alex

四、课程内容:

对象字面量的增强

1、属性和方法的简洁表示法(重点)

(1)对象字面量是什么:对象字面量其实是对象的一种写法,对象一般有两种写法

1)一种是通过实例化构造函数来生成对象,如const person = new Object();然后再通过点语法为对象添加属性方法,如person.age=18; person.speak=function(){};,

2)另一种写法就是对象字面量的写法,这种方法更加直观,如const person ={ age:18,speak:function(){};}

(2)属性的简洁表示法:当键名和变量或常量名一样的时候,可以只写一个,如'age':age或者age:age 可以写为age

 https://img3.sycdn.imooc.com/636086be00019e2204200237.jpg

(3)方法的简洁表示法:方法可以省略冒号和function关键字,如speak:function(){} 可以写为 speak(){} 


 https://img4.sycdn.imooc.com/636086c600015e5104200237.jpg

2、方括号语法

(1)方括号语法的用法:方括号语法可以直接写到对象的字面量里面,如有一个已经声明的变量,要将其变量值作为对象中的属性名,可以使用[变量名]进行添加,如const prop = "age";  person[prop] = 18; ,然后可以对语法进行增强,直接写到对象的字面量里,const person = {[prop]: 18, };

 https://img1.sycdn.imooc.com/636086d80001940302770168.jpg

(2)方括号中可以放什么:[值或通过计算可以得到值的(表达式)]

 https://img4.sycdn.imooc.com/636086e80001bcdb04060162.jpg

(3)方括号语法和点语法的区别:当你的属性或方法名是合法标识符时,可以使用点语法,其他情况下请使用方括号语法

1)点语法是方括号语法的特殊形式,如person.age等价于person['age']

2)使用点语法的场景:属性名由数字、字母、下划线以及$构成,并且数字还不能打头的时候可以使用点语法,如age18_$(√) 18age(×),从这可以看出,合法表示符可以用来作为变量或常量名

五、课程心得:

今天学习了对象字面量的增强,弄清楚了点语法和方括号语法的区别,方括号的限制小,点语法使用起来更简洁,需要如何选择还是需要要根据具体情境来,期待后面的课程。

點擊查看更多內容
TA 點贊

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

評論

作者其他優質文章

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

100積分直接送

付費專欄免費學

大額優惠券免費領

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

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

幫助反饋 APP下載

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

公眾號

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

舉報

0/150
提交
取消