[轉職軟體工程師、自學程式語言] Javascript - the Basics 第四章 : Primitives vs Objects 第五章 : Exressions & Control Flows 第六章 : Built in Functions & Methods

部落格轉移,給讀者更好的閱讀體驗,本文網址 : https://janstockcoin.com/blog/

 我們今天講的主題是, Javascript - the Basics,大綱如下



第一章 : Introduction

第二章 : Primitive Types

第三章 : Object Types

第四章 : Primitives vs Objects

第五章 : Exressions & Control Flows

第六章 : Built in Functions & Methods

第七章 : DOM & Event Handling

第八章 : Tricky Parts "this" & Closure




第四章 : Primitives vs Objects

來比較一下,Primitives type variable 和 Objects type variable 有什麼不同

JS 都有內建的 properties 和 methods 可以使用

在 coding 上最明顯的差別是,Primitives 的部分 properties 和 methods 你只能用但不能擴充它,Objects 的部分是可以去擴充它,也就是說你可以去架一些新的 properties 和 methods 到 Objects 裡面

下面例子

str1、str2 是不一樣的,不過他們用起來非常像,像是 str1.slice(3,5) 就是取部分的東西,兩種都可以去 call 它的 string slice,但你不能擴充 str1,但可以擴充 str2

所以 typeof str1.method 是 undefined 因為它是 Primitives type 所以不能對它加 properties 或 methods,然後 Objects 是可以的

image


另一個很不一樣的部分

我們可以看他們的結構

從記憶體來看的話,a 這個佔了一個記憶體空間,它存的值是 Primitives value,一樣 b 這個佔了一個記憶體空間,它存的值是 Primitives value

但如果 a 和 b 他們為 Objects type 的時候,a 和 b 分別只代表了記憶體的位置,a 記憶體的位置指到的是另一個記憶體空間 obj 1,就是說實際上存在的位置是在另一個記憶體空間

image


s==s2 ,這是看裡面的值有沒有一樣,因此為 true

s3==s4 ,他們分別指到兩個不同的記憶體空間,因此為 false

image


Naming Convention : 你在命名 variable 的時候,有一些淺規則,你不這樣做也沒有關係,但這樣做會比較好

variables : 如果在命名時有多個音節,第一個單字會是小寫,第二個單字第一個字母會是大寫。第一個不要是數字開頭

Constants

Functions

Classer/constructors

image

部落格轉移,給讀者更好的閱讀體驗,本文網址 : https://janstockcoin.com/blog/



第五章 : Exressions & Control Flows

Expression 

判斷優先權 : 先乘除後加減

判斷左邊先還右邊先 : 除法是左邊先

image



image



image



image


Falsy Values 比較少,見下圖,而其它都是 Truthy

image


你用紅色===的方法寫,它會先檢查你的 type 是不是一樣,一樣的話它才會進而去比較裡面的內容是否一樣

image



image

部落格轉移,給讀者更好的閱讀體驗,本文網址 : https://janstockcoin.com/blog/



第六章 : Built in Functions & Methods

常用的工具 Type Vonversion

需要把 string 變成 number,number 變成 string 

以下的方法都是轉換的方法

image


和 user 作互動,prompt

它會跳出視窗,要 user 輸入一些東西

image


Exercise : Guess Game

image

image

image

image



每隔(1000ms) (1s) 去 call (tick) function 一次

image



image



image



image



image



image

部落格轉移,給讀者更好的閱讀體驗,本文網址 : https://janstockcoin.com/blog/


第一章 : Introduction

第二章 : Primitive Types

第三章 : Object Types

第四章 : Primitives vs Objects

第五章 : Exressions & Control Flows

第六章 : Built in Functions & Methods

第七章 : DOM & Event Handling

第八章 : Tricky Parts "this" & Closure

部落格轉移,給讀者更好的閱讀體驗,本文網址 : https://janstockcoin.com/blog/


痞客邦 : https://warlimit.pixnet.net/blog?utm_source=PIXNET&utm_medium=navbar&utm_term=my_blog

隨意窩 : https://blog.xuite.net/warlimit/blog

Blogspot : https://warlimit.blogspot.com

如果您喜歡我的文章,請幫我在下方拍手區按圓圈圈裡的拍手圖案5次!
我將得到 Likecoin 的回饋:)

回饋由 Likecoin 基金會出資,您只要註冊/登入帳號(fb、google帳號都可以註冊,不超過1分鐘),按五次左鍵,可以贊助我的文章且完全不會花到錢!若願意成為讚賞公民那是十分感激。
支持創作,正向交流:)

留言

這個網誌中的熱門文章

【線上教學懶人包】台灣紓困4.0申請,勞動部:7月5日前登錄都有效

2021年一夜致富,市值 87 億美元,什麼是恆星幣(XLM)

2021年躺著賺錢,比特幣之外的16個最重要的加密貨幣