javascript基礎語法——表達式


前面的話

  一般地,關於javascript基礎語法,人們聽得比較多的術語是操作符和語句。但是,其實還有一個術語經常使用,卻很少被提到,這就是javascript表達式(expression)。本文將詳細介紹javascript表達式,表達式分為原始表達式和復雜表達式

 

原始表達式(primary exression)

  原始表達式是表達式的最小單位——它不再包含其他表達式

  原始表達式分為字面量、關鍵字和變量;詳細來說包括this關鍵字、標識符引用、字面量引用、數組初始化、對象初始化和分組表達式

PrimaryExpression : 
this 
Identifier 
Literal 
ArrayLiteral 
ObjectLiteral 
( Expression )

this關鍵字和標識符

this;//返回當前對象
i;//返回變量i的值
sum;//返回變量sum的值

字面量

  字面量(literal),又翻譯成直接量,就是程序中直接使用的數據值

 Literal ::
   NullLiteral
   BooleanLiteral
   NumericLiteral
   StringLiteral 
   RegularExpressionLiteral
null;
undefined;
true;
false;
1;
'abc';
/pattern/;

數組和對象初始化

  數組初始化和對象初始化實際上是一個以字面量的方式描述的初始化的過程。這兩個初始化表達式有時稱做"對象字面量"和"數組字面量"

[];
[1,2,3];
{};
{a:1};

分組表達式

  分組表達式實際上就是括號,用於重寫運算符的優先級

 

復雜表達式(MemberExpression)

  復雜表達式由原始表達式和操作符(operator)組合而成,包括屬性訪問表達式、對象創建表達式和函數表達式

MemberExpression : 
MemberExpression [ Expression ] 
MemberExpression . IdentifierName 
new MemberExpression Arguments
FunctionExpression 

屬性訪問表達式

  屬性訪問表達式運算可以得到一個對象屬性或一個數組元素的值,javascript為屬性訪問定義了兩種語法

MemberExpression . IdentifierName 
MemberExpression [ Expression ] 

  第一種寫法是一個表達式后跟隨一個句點和標識符。表達式指定對象,標識符則指定需要訪問的屬性的名稱

  第二種寫法是使用方括號,方括號內是另外一個表達式(這種方法適用於對象和數組)。第二個表達式指定要訪問的屬性的名稱或代表要訪問數組元素的索引

var o = {x:1,y:{z:3}}; //對象字面量
var a = [o,4,[5,6]]; // 包含對象的數組字面量
o.x;//表達式o的x屬性
o.y.z;//表達式o.y的z屬性
o['x'];//對象o的x屬性
a[1];//表達式a中索引為1的元素

  不管使用哪種形式的屬性訪問表達式,在'.'和'['之前的表達式總是會首先計算

  如果計算結果是null或undefined,表達式會拋出一個類型錯誤異常,因為這兩個值都不能包含任意屬性

  如果計算結果不是對象,javascript會將其轉換為對象

  如果對象表達式后跟隨句點和標識符,則會查找由這個標識符指定的屬性值,並將其作為整個表達式的值返回

  如果對象表達式后跟隨一對方括號,則會計算方括號內的表達式的值並將其轉換為字符串

  不論哪種情況,如果命名的屬性不存在,那么整個屬性訪問表達式的值就是undefined

對象創建表達式

  對象創建表達式創建一個對象並調用一個函數初始化新對象的屬性

new Object();
new Point(2,3);

  如果一個對象創建表達式不需要傳入任何參數給構造函數的話,那么這對空圓括號是可以省略的

new Object;

函數表達式

  函數表達式分為函數定義表達式和函數調用表達式

  函數定義表達式定義一個javascript函數,表達式的值是這個新定義的函數

  一個典型的函數定義表達式包含關鍵字function,跟隨其后的是一對圓括號,括號內是一個以逗號分割的列表,列表含有0個或多個標識符(參數名),然后再跟隨一個由花括號包裹的javascript代碼段(函數體)

function square(x){
    return x*x;
}

  函數定義表達式同樣可以包含函數的名字,函數也可以通過函數語句來定義,而不是函數表達式

var square = function(x){return x*x;}

  函數調用表達式是一種調用或執行函數或方法的語法表示。如果這個表達式是一個屬性訪問表達式,那么這個調用稱做方法調用

f(0);
Math.max(x,y,z);
a.sort();

 

參考資料

【1】 ES5/表達式 https://www.w3.org/html/ig/zh/wiki/ES5/expressions
【2】《javascript權威指南(第6版)》第4章 表達式和運算符
【3】《javascript語言精粹(修訂版)》第2章 語法

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM