Try   HackMD

陳述式與表達式

本篇會談到陳述式與表達式

陳述式與表達式是 JavaScript 的兩大語句類型,陳述式不會回傳結果,而表達式會回傳結果

陳述式 Statement

可以利用瀏覽器 console 輸入表達式會直接回傳 undefined。

陳述式可能是幾個單詞或是一個片段,舉凡,

  • block { } 大括號中有加入一段程式碼,才會成為陳述式
    ​​​​{ ​​​​ console.log('im Statement'); ​​​​}
  • 流程控制if...else reak 中斷當下的迴圈、條件判斷(switch)
  • 宣告var let const
    ​​​​var a; ​​​​// var a; 是一段陳述式 ​​​​// var 不是、a 也不是 ​​​​// 幫變數準備一個記憶體空間,並不會回傳結果
  • 函數function return
  • 迴圈 for while
  • 其他debugger import 引入外部模組 ,更多可參考 陳述式@MDN

表達式 Expression : 回傳結果

可以利用瀏覽器 console 輸入表達式會直接回傳結果。

  • 純值: 只要可以回傳結果就是表達式
    ​​​​1 ​​​​// 1 ​​​​// 開啟瀏覽器檢查 1 會出現, 1 的值 ​​​​// 所以 純值屬於表達式
  • 變數
  • 運算子: 透過運算子運算前後語句,並回傳結果
  • 執行函式
    ​​​​function fn(){ ​​​​ console.log('具名函式') ​​​​}
  • 正規表達式
  • 函式:定義一段函式,運行後回傳結果則屬於表達式
    ​​​​var fn2 = function(){ ​​​​ console.log('函式表達式') ​​​​} ​​​​// 變數宣告時函式會回傳函式的本身

常見誤解區

  1. block
// 陳述式 block:可以用語句表示 { const a = '123'; } // 物件實字:JS 定義物件的其中一種方法,因為是函式的表達,所以可以用一個變數去接收他 var b ={ today:'11/23' }
tags: JS

最後,親愛的大家!我需要你的大聲鼓勵 ٩(⚙ᴗ⚙)۶

如果覺得這篇文章對你有幫助,請給我個一個小小的鼓勵 ❤ 讓我知道,這會成為我寫下去很大的動力。
對了,我還有其他文章,如果有興趣也來逛逛吧!
(文章中如有覺得不妥之處、錯誤內容,也可以透過聯絡我,我會儘速改善,感謝!)

☞ YoJanni 珍妮 2021 正在設計轉職前端的路上,希望大家在學習的路上能夠一起成長
☞ 聯絡我