Please enable JavaScript.

Coggle requires JavaScript to display documents.

Javascript (認識 JavaScript 基本元素 (語法格式 (括號 (( ) 小括號 Round Bracket, [ ] 中括號…

- - - - ( ) 小括號 Round Bracket
      - [ ] 中括號 Square Bracket
      - { } 大括號 Curly Bracket
    - - //
        
        單行註解
        
        輔助閱讀
      - 多行註解，可以用多行註解寫較完整的描述。
    - - 若不標，會消耗額外記憶體
      - 不會錯
      - 使用同一個變數名稱時，只需要在第一次宣告變數時加 var
    - - =
      - 數值放入變數
    - - 每一行程式碼的最後加
      - 若不加
        
        很難判斷出錯的地方
        
        電腦花也需要時間去判斷
        
        處理效率變慢
    - - lowerCamelCase
        
        第一個英文字的字母小寫，第二個英文字開始第一個字母皆大寫。
        
        變數（Variable）
        
        函式（function）
      - UpperCamelCase
        
        所有英文字的第一個字母皆大寫
        
        class 名稱
        
        function 的目的是用來創建物件
  - - - 數字 (number)
        
        整數 (Integer)
        
        浮點數 (Floating Point)
      - 字串 (string)
        
        成對的單引號 '、'
        
        var stringTwo = 'This is a string';
        
        雙引號 “、”
        
        var stringOne = "This is a string";
        
        單引號可以包含在以雙引號括住的字串中，反之亦然
        
        var stringWithSingleQuotation = "This is 'THE' string";
        var stringWithDoubleQuotation = 'This is "THE" string';
        var stringWithSlash = "This is \"THE\" string";
      - 布林 (boolean)
        
        true
        
        false
    - - var string = "123";
        var number = parseInt(string);
    - - var float = 123.123;
        var string = float.toString();
    - - 未定義 undefined
        
        有宣告但沒有給予任何數值
        
        系統認得 number ，但資料型態 (Data Type) 未被定義
      - 空值 null
        
        有宣告並給予 null
        
        必須自行設定
      - 沒有宣告
        
        顯示紅色的錯誤訊息
        
        變數尚未被定義 Uncaught ReferenceError: number is not defined
        
        系統不認得 number，無法找到以 number 為名稱的東西。
        （常見原因：變數名稱寫錯）
  - - - var friend = "Bernard";
        var greetings = "Hello! ";
        console.log(greetings + friend); // Hello! Bernard
        var codeName = "Soldier " + 76;
        console.log(codeName); // Soldier 76
  - - - 比較內容與形態
  - - - 個條件同時符合會回傳 true
      - ( 5 == 5 ) && ( 2 > 2 ); // false
    - - 若兩個條件其中一個符合時會回傳 true
      - ( 5 == 5 ) || ( 2 > 2 ); // true
    - - 把布林值反轉
        
        false 變 true
        
        true 變false
      - 進行反向判斷
        
        不會改變變數的內容
        
        內容 false 進行反轉，產生 true
        
        右邊的變數反轉
- - - - 負責網頁的內容
    - - 負責網頁的視覺呈現和風格
    - - 程式語言
      - 網頁互動、處理和創造新內容
      - 不刷新網頁的情況下去改變網頁的內容和格式。
        
        GMAIL 的撰寫
        
        GitHUB
  - - - 不同軟體按其標準開發Javascript
      - 不同瀏覽器而有些微功能上的不同
  - - - 前端網頁開發框架
        
        Vue.js
        
        React
        
        Angular.js
        
        jQuery
      - 後端執行腳本
        
        Node.js
    - - React Native
        
        Android APP
        
        iOS APP
      - electron js
        
        window 的應用程式
        
        macOS 的應用程式
- - - - 加入 <script></script> 標籤
      - <html>
        <head>
        <script>...</script>
        </head>
        <body>
        <script>...</script>
        </body>
        </html>
    - - <script></script> 標籤將把 js 檔連結進來
      - <html>
        <head>
        <script type="text/javascript" src="myscript.js"></script>
        </head>
        <body></body>
        </html>
- - - - 0起算
    - - var numbers = [1,3,5];
        var names = ["Arch","Bernard","Ellen"];
        console.log(numbers[0]); // 1
        console.log(names[1]); // ["Bernard"];
    - - var numbers = [1,3,5];
        var names = ["Arch","Bernard","Ellen"];
        numbers.push(2);
        console.log(numbers); // 1,3,5,2
        names.push("Claire");
        console.log(names); // ["Arch","Bernard","Ellen","Claire"]
    - - var names = ["Arch","Bernard","Ellen"];
        var admins = ["Sali","Lilian"];
        var alphacamp = names.concat(admins);
        console.log(alphacamp); // ["Arch","Bernard","Ellen","Sali","Lilian"]
    - - splice(1)
        
        index 1 開始刪除
        
        刪除 index 1 和之後所有陣列內容
      - splice(2,2)
        
        從 index 2 開始
        
        刪除 2 個陣列的內容
      - splice(2, 2, "Data")
        
        index 2 開始
        
        刪除 2 個陣列內容
        
        把 Data 插入 index 2
  - - - Map 是一個櫃子
      - 不會有號碼，改用名稱（key）
    - - 透過 new 來宣告
        
        var map = new Map();
      - set 方法把第一個資料 key 和第二個資料 value 加入 Map 中
        
        var map = new Map();
        map.set("name","Arch");
    - - var map = new Map();
        map.set("name","Arch");
        var name = map.get("name");
        console.log(name); // Arch
    - - map.delete("name");
        //使用 Map 的 size 方法取得 Map 裡 key 和 value 的數量
        console.log(map.size); // 0