iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 4
0
自我挑戰組

轉職道上的萌芽人生 − 自學程式開發ing系列 第 4

邁步向前的 Day4- JavaScript,來吧!

  • 分享至 

  • xImage
  •  

提醒:由於看到這系列鐵人訂閱人數漸漸變多,標記一下這些內容是在「非常萌新時期」所寫,更多技術內容請參考我的 Github,歡迎跟我一起討論 ^ ^


好,從今天開始伸出食指來觸碰JS吧~


培養良好寫作習慣

欸欸 你看JS好妙喔~ 這樣寫可以,那樣寫也可以。這邊順序改一下結果又變了。
恩,你那樣寫會被揍!!

首先,在學習過程中,會不斷聽到有謎之聲在告訴你,JS是個鬆散的語言,如此省去些麻煩,但你沒養成良好習慣,可能就會有更大的麻煩。
教材中,常會介紹各種可能性,最後會提到建議的 寫作習慣,這部分我認為在自學時,需要多留意。

Data Types

前面提到JS是鬆散的,其中變數是沒有定義型別,可以隨著他的值而改變,而這裡的型別是其「值」的型別,主要劃分為基本型別(primitives)&物件型別(object)

  • 基本型別(primitives):
    • Boolean:true/false
    • Null:空值。 null
    • Undefined:未定義的變數。 undefined
    • Number:數字,例如:123
    • String:字串,例如:'第一個字串'"第二個字串"
    • Symbol:ES6新定義的型別,在複雜的code中會使用到。
  • 物件型別(Object):物件,可以說是JS中最重要的一個型別,JS基本上可以說是由各種object組成,因此弄懂object,翻看各種文件時會更容易理解。

而巧妙的是,JS中每個東西最後的prototype都會是object(可參考這篇文章的方法),而在JS中,可以使用prototype中的屬性,所以當變數在定義為 Number、String 等,就會有他內建object的 propertymethod(object中的function)可以使用。

property、method

這邊簡單描述下 property、method 的長相。
在 object 中的內容物主要是以 name:value 形式表達

  • property:可以想像為Property:Property Value ,即你問他某屬性是什麼,他就回傳他該屬性的值給你。
    例如:你問 “請問這字串長度多長” 'JavaScript'.length,他就告訴你該字串長度為 10
  • method:可以想像為他的 value 寫成 Function 形式,即你告訴他想做某動作,他就把該動作的內容做一遍。
    例如:你告訴他 “請把這字串轉成大寫” 'JavaScript'.toUpperCase(),他就將該字串對照該動作的操作規則做一遍,再傳回 JAVASCRIPT 給你。

上一篇
跌跌撞撞的 Day3- 自學教材論心得
下一篇
邁步向前的 Day5- JavaScript 變數
系列文
轉職道上的萌芽人生 − 自學程式開發ing30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言