首頁 > web前端 > 前端問答 > JavaScript中什麼是表達式

JavaScript中什麼是表達式

青灯夜游
發布: 2022-03-08 17:30:47
原創
3810 人瀏覽過

在JavaScript中,表達式是由數字、算子、數字分組符號(括號)、自由變數和約束變數等以能求得數值的有意義排列方法所得的組合;表達式可分為兩種:原始表達式和複雜表達式。

JavaScript中什麼是表達式

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

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

什麼是表達式?

表達式,是由數字、算符、數字分組符號(括號)、自由變數和約束變數等以能求數值的有意義排列方法所得的組合。約束變數在表達式中已被指定數值,而自由變數則可以在表達式之外另行指定數值。

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;}
登入後複製

  函數呼叫表達式是一種呼叫或執行函數或方法的語法表示。如果這個表達式是屬性存取表達式,那麼這個呼叫稱做方法呼叫

【相關推薦:javascript學習教學##】####

以上是JavaScript中什麼是表達式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板