1. 程式人生 > >javascript語句——表示式語句、塊語句、空語句和宣告語句

javascript語句——表示式語句、塊語句、空語句和宣告語句

前面的話

  如果表示式在javascript中是短語,那麼語句(statement)就是javascript整句或命令。表示式計算出一個值,語句用來執行以使某件事發生。javascript程式無非就是一系列可執行語句的集合,javascript直譯器依照語句的編寫順序依次執行。本文將介紹javascript語句中的四類語句——表示式語句、塊語句、空語句和宣告語句

表示式語句

  表示式語句(expression statement)是javascript中最簡單的語句,賦值、delete、函式呼叫這三類即是表示式,又是語句,所以叫做表示式語句

//賦值語句
greeting = 'hello ' + name;
i
* = 3; //遞增運算子(++)和遞減運算子(--)和賦值語句有關,它們的作用是改變一個變數的值,就像執行一條賦值語句一樣 counter++; //delete運算子 delete o.x; //函式呼叫 alert(greeting); window.close(); cs = Math.cos(x);

  javascript語句以分號結束,但表示式不需要分號結尾。一旦在表示式後面新增分號,則javascript引擎就將表示式視為語句,這樣會產生一些沒有任何意義的語句(表示式語句除外)

1 + 3;
'abc';

塊語句

  塊語句又叫複合語句,javascript將多條語句聯合在一起,形成一條複合語句(compound statement)

  複合語句只須用花括號將多條語句括起來即可

{
    x = Math.PI;
    cx = Math.cos(x);
    console.log(cx);
}

  關於塊語句,有以下幾點注意事項:

  【1】語句塊的結尾不需要分號。塊中的原始語句必須以分號結束,但語句塊不需要

  【2】語句塊中的行都有縮排,這不是必須的,但整齊的縮排能讓程式碼可讀性更強,更容易理解

  【3】javascript中沒有塊級作用域,在語句塊中宣告的變數並不是語句塊私有的(不包括es6)

{
    var i = 0;
    console.log(i++);//
0 } console.log(i++);//1

空語句

  在javascript中,當希望多條語句被當做一條語句使用時,使用複合語句來替代。空語句(empty statement)則恰好相反,它允許包含0條語句

;

  javascript直譯器執行空語句時不會執行任何動作。但當建立一個具有空迴圈體的迴圈時,空語句是有用的

  在下面這個迴圈中,所有的操作都在表示式a[i++]=0中完成,這裡並不需要任何迴圈體。然而javascript需要迴圈體中至少包含一條語句,因此,這裡只使用了一個單獨的分號來表示一條空語句

//初始化一個數組a
for(i = 0; i < a.length; a[i++] = 0);

  在for、while迴圈或if語句的右圓括號後的分號很不起眼,這可能造成一些bug,而這些bug很難定位到

//因為;的多餘,造成與預想不同的結果
if((a == 0) || (b == 0));
o = null;

  如果有特殊目的需要使用空語句,最好在程式碼中添加註釋,這樣可以更清楚地說明這條空語句是有用的

for(i = 0; i < a.length; a[i++] = 0)/*empty*/;

宣告語句

  宣告語句包括變數宣告和函式宣告,分別使用var和function關鍵字

  var語句用來宣告一個或者多個變數,關鍵字var之後跟隨的是要宣告的變數列表,列表中的每一個變數都可以帶有初始化表示式,用於指定它的初始值

var name_1 [ = value_1] [,...,name_n[=value_n]]
var i ;
var j = 0;
var p,q;
var x = 2, y = r;

  關鍵字function用來定義函式,funcname是要宣告的函式的名稱的識別符號,函式名之後的圓括號中是引數列表,引數之間使用逗號分隔。當呼叫函式時,這些識別符號則指代傳入函式的實參

  函式體是由javascript語句組成的,語句的數量不限,且用花括號括起來。在定義函式時,並不執行函式體內的語句,它和呼叫函式時待執行的新函式物件相關聯

function funcname([arg1 [,arg2 [...,argn]]]){statement}

  function語句裡的花括號是必需的,這和while迴圈和其他一些語句所使用的語句塊是不同的,即使函式體內只包含一條語句,仍然必須使用花括號將其括起來

//正確
function hypotenuse(x,y){
    return Math.sqrt(x*x + y*y);
}
//錯誤
function hypotenuse(x,y)
    return Math.sqrt(x*x + y*y);

  函式宣告語句和函式定義表示式包含相同的函式名,但二者有所不同

//表示式
var f = function(x){return x+1;}
//語句
function f(x){return x+1;}

  函式定義表示式只有變數宣告提前了,變數的初始化程式碼仍然在原來的位置;而函式宣告語句的函式名稱和函式體均提前,指令碼中的所有函式和函式中所有巢狀的函式都會在當前上下文中其他程式碼之前宣告,也就是說,可以在宣告一個javascript函式之前呼叫它

console.log(f1(0));//Uncaught TypeError: f1 is not a function
var f1 = function(x){return x+1;}

console.log(f2(0));//1
function f2(x){return x+1;}

  變數宣告語句和函式宣告語句有幾點相似之處

  【1】變數宣告語句和函式宣告語句都會提前

console.log(a);//undefined
var a = 0;
console.log(a);//0

console.log(f(0));//1
function f(x){return x+1;}
console.log(f(0));//1

  【2】變數宣告語句和函式宣告語句建立的變數都無法刪除

var a = 0;
delete a;
console.log(a);//0

function f(x){return x+1;}
delete f;
console.log(f(0));//1

參考資料