jan股幣

部落格轉移，給讀者更好的閱讀體驗，本文網址 : 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

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

第四章 : 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 是可以的

另一個很不一樣的部分

我們可以看他們的結構

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

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

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

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

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

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

Constants

Functions

Classer/constructors

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

第五章 : Exressions & Control Flows

Expression 

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

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

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

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

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

第六章 : Built in Functions & Methods

常用的工具 Type Vonversion

需要把 string 變成 number，number 變成 string 

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

和 user 作互動，prompt

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

Exercise : Guess Game

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

部落格轉移，給讀者更好的閱讀體驗，本文網址 : 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