[JS101] JavaScript - 介紹、基本運算


Posted by yymarlerr on 2021-05-12

認識 JavaScript

如何執行 JavaScript

瀏覽器

  • 終端端 vim <file name.html>
  • 輸入 <script> console.log("hello world") </Script>
  • open <file name.html>
  • 網頁
  • 檢視
  • 開發人員選項
  • 開發人員工具
  • 點 console 即會看到 hello world

    通常除 bug 會在瀏覽器上執行

Node.js

  • 下載 Node.js
  • 去終端機執行 node -v,有印出版本代表安裝成功
  • 建立檔案 vim <file name.js>
  • 輸入 console.log("hello world")
  • node <file name.js>
  • 會顯示 hello world

    Node.js 不是一個程式,是一個運行環境(runtime),讓 JavaScript 可以跑在瀏覽器外,是一個 JavaScript 的執行環境。

console.log()

  • 印出在 () 裡的值
  • console 為控制台
  • log 為記錄

邏輯運算 and, or, not

||

  • or
  • true || false => true
  • 3 || 10 => 3
    • 因為第一個數字已經是 true,所以就不會回傳 10
  • false || 10 => 10

&&

  • and
  • true && false => false
  • 3 && 10 => 10
    • 因為第一個值為 true,所以由第二個值決定是 true 還是 false

!

  • not
  • !true => false
  • !false => true

參考資料

位移運算 (需有二進位概念)

<<

  • 往左位移,每位移一位等於乘以 2

>>

  • 往右位移,每位移一位等於除以 2

    優點:效能好,因為二進位為電腦運算最原始的方式

位元運算

  • 將數字轉為二進位,並進行運算的方式
  • 可以用來判斷數字為奇還是偶數

什麼時候使用位元運算?

  • 用來判斷數字是奇數還是偶數
    • 舉例: A & 1 => 0 代表 A 的最後一個數字是 0,所以 A 是偶數
    • A & 1 => 1 代表 A 的最後一個數字是 1,所以 A 是奇數
    • A & 8 => 1 代表 A 的倒數第四個數字是 1

&

and

  • 10 & 15 => 10
    • 1010 & 1111

|

  • or
  • 10 | 15 => 15

^

  • xor = exclusive or
  • 10 ^ 15 => 5
  • 兩邊一樣回傳 0;兩邊不一樣回傳 1

~

  • not
  • 把每個數字反轉
  • ~15 => -16 (最後四個數字會變成 0,但因為前面還有很多個 0,假設有 32 個 bit,前面即有 28 個 0)









Related Posts

AWS Solutions Architect - Associate (SAA) 學習計畫與備考心得: Module 9

AWS Solutions Architect - Associate (SAA) 學習計畫與備考心得: Module 9

網路基礎概論-http協定

網路基礎概論-http協定

CSS-[網頁設計準則]-#1. Typography 文字排版

CSS-[網頁設計準則]-#1. Typography 文字排版


Comments