iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 2
0
自我挑戰組

JS 作品實戰應用 - Vue 電商網站系列 第 2

02. 陳述式與表達式

  • 分享至 

  • xImage
  •  

Statement 陳述式

Javacript 的語句類型,用於命令執行指定的一系列操作,最大的特徵則是不會回傳結果
JavaScript 陳述式有下列幾種種類 :

  • 流程控制 : 像是 Block / if...else / switch 這些。
  • 宣告 : 像是 var / let / const 這些。
  • 函數與類別(Class) : 像是 function / return / class 這些。
  • 疊代(Iteration) : 像是 for / forEach / while 這些迴圈。

參考文章

Expression 表達式

又可稱為表示式、運算式,經常透過一些符號結合上下語句並運算及回傳結果。
運算式是任何一段可以取得一個值得程式碼。
JavaScript 運算式有下列幾種種類:

  • 算數 : 解析出數字,例如 3.14159. or 100 + 100 (通常使用算術運算子)
  • 字串 : 解析出字串,例如 "Fred"or 234" (通常使用字串運算子)
  • 運輯 : 解析出 true 或 false (通常與邏輯運算子相關。)
  • 主流運算式 : JavaScript 基本的開鍵字及運算式。
  • 左側運算式 : 左側是指定值的對象。

參考文章


// expression
100 + 100 // + 為運算子,會回傳 200 這一個值。
// statement
var ray; // 宣告為陳述式
if (1 === 1){  // if、else 也是陳述式,並不會回傳結果。
}
ming = '小明'; 

函數陳述式(具名函式)

// 有指定名稱的函數陳述式,也另外叫具名函式。
function callName() {
}

函數表達式(匿名函式)

// 宣告變數後指定一個無命名的函式,執行後回傳值到變數。
var callName = function() {
}

物件 Block

// {}物件裡面放入陳述式。
{ 
  陳述_1
  陳述_2
  ...
  陳述_n
}
// 宣告只限於物件內的作用域範圍。
{ 
  const ming = '小明';
}

物件實字

// 物件內用 : 來指定賦於值,可用於宣告變數的值。
var a = {
    ming : '小明';
}

練習

a = 1 ;  // expression
var a = 1 ;  // statement (並非一整段句子就是表達或陳述式)

if (條件式/表達式) {  
    陳述1..
} else {
    陳述2..
};

if (true) {     // true本身是表達式,所以可以運行。
    console.log('1');
};

if (var a = 1) {   // 會報錯,因為()內是陳述式,必須換成表達式。
    console.log('1');
};

function a() {  // statement
    console.log('Gary a');
};

function b() {  // statement
    return 'Gary b';
};

var c = function() {  // expression
    console.log('Gary C');
};

var d;  // statement

上一篇
01. 前言與F2E簡介
下一篇
03. 物件-結構/取值新增刪除
系列文
JS 作品實戰應用 - Vue 電商網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言