JavaScript基礎(chǔ)語法之js表達(dá)式
本文將詳細(xì)介紹javascript表達(dá)式,表達(dá)式分為原始表達(dá)式和復(fù)雜表達(dá)式。一般,關(guān)于javascript基礎(chǔ)語法,人們聽得比較多的術(shù)語是操作符和語句。但,其實(shí)還有一個術(shù)語經(jīng)常使用,卻很少被提到,這就是javascript表達(dá)式(expression)。
原始表達(dá)式(primary exression)
原始表達(dá)式是表達(dá)式的最小單位——它不再包含其他表達(dá)式。javascript中的原始表達(dá)式包括this關(guān)鍵字、標(biāo)識符引用、字面量引用、數(shù)組初始化、對象初始化和分組表達(dá)式
PrimaryExpression : this Identifier Literal ArrayLiteral ObjectLiteral ( Expression )
this關(guān)鍵字和標(biāo)識符
this;//返回當(dāng)前對象
i;//返回變量i的值
sum;//返回變量sum的值
字面量
字面量(literal),又翻譯成直接量,就是程序中直接使用的數(shù)據(jù)值
Literal :: NullLiteral BooleanLiteral NumericLiteral StringLiteral RegularExpressionLiteral null; undefined; true; false; 1; 'abc'; /pattern/;
數(shù)組和對象初始化
數(shù)組初始化和對象初始化實(shí)際上是一個以字面量的方式描述的初始化的過程。這兩個初始化表達(dá)式有時稱做"對象直接量"和"數(shù)組直接量"
[];
[1,2,3];
{};
{a:1};
分組表達(dá)式
分組表達(dá)式實(shí)際上就是括號,用于重寫運(yùn)算符的優(yōu)先級
復(fù)雜表達(dá)式(MemberExpression)
復(fù)雜表達(dá)式是由原始表達(dá)式和操作符(operator)組合而成,包括屬性訪問表達(dá)式、對象創(chuàng)建表達(dá)式和函數(shù)表達(dá)式
MemberExpression : MemberExpression [ Expression ] MemberExpression . IdentifierName new MemberExpression Arguments FunctionExpression
屬性訪問表達(dá)式
屬性訪問表達(dá)式運(yùn)算可以得到一個對象屬性或一個數(shù)組元素的值,javascript為屬性訪問定義了兩種語法
MemberExpression . IdentifierName MemberExpression [ Expression ]
第一種寫法是一個表達(dá)式后跟隨一個句點(diǎn)和標(biāo)識符。表達(dá)式指定對象,標(biāo)識符則指定需要訪問的屬性的名稱
第二種寫法是使用方括號,方括號內(nèi)是另外一個表達(dá)式(這種方法適用于對象和數(shù)組)。第二個表達(dá)式指定要訪問的屬性的名稱或代表要訪問數(shù)組元素的索引
var o = {x:1,y:{z:3}}; //對象字面量
var a = [o,4,[5,6]]; // 包含對象的數(shù)組字面量
o.x;//表達(dá)式o的x屬性
o.y.z;//表達(dá)式o.y的z屬性
o['x'];//對象o的x屬性
a[1];//表達(dá)式a中索引為1的元素
不管使用哪種形式的屬性訪問表達(dá)式,在'.'和'['之前的表達(dá)式總是會首先計(jì)算
如果計(jì)算結(jié)果是null或undefined,表達(dá)式會拋出一個類型錯誤異常,因?yàn)檫@兩個值都不能包含任意屬性
如果計(jì)算結(jié)果不是對象,javascript會將其轉(zhuǎn)換為對象
如果對象表達(dá)式后跟隨句點(diǎn)和標(biāo)識符,則會查找由這個標(biāo)識符指定的屬性值,并將其作為整個表達(dá)式的值返回
如果對象表達(dá)式后跟隨一對方括號,則會計(jì)算方括號內(nèi)的表達(dá)式的值并將其轉(zhuǎn)換為字符串
不論哪種情況,如果命名的屬性不存在,那么整個屬性訪問表達(dá)式的值就是undefined
對象創(chuàng)建表達(dá)式
對象創(chuàng)建表達(dá)式創(chuàng)建一個對象并調(diào)用一個函數(shù)初始化新對象的屬性
new Object(); new Point(2,3);
如果一個對象創(chuàng)建表達(dá)式不需要傳入任何參數(shù)給構(gòu)造函數(shù)的話,那么這對空圓括號是可以省略的
new Object;
函數(shù)表達(dá)式
函數(shù)表達(dá)式分為函數(shù)定義表達(dá)式和函數(shù)調(diào)用表達(dá)式
函數(shù)定義表達(dá)式定義一個javascript函數(shù),表達(dá)式的值是這個新定義的函數(shù)
一個典型的函數(shù)定義表達(dá)式包含關(guān)鍵字function,跟隨其后的是一對圓括號,括號內(nèi)是一個以逗號分割的列表,列表含有0個或多個標(biāo)識符(參數(shù)名),然后再跟隨一個由花括號包裹的
javascript代碼段(函數(shù)體)
function square(x){
return x*x;
}
函數(shù)定義表達(dá)式同樣可以包含函數(shù)的名字,函數(shù)也可以通過函數(shù)語句來定義,而不是函數(shù)表達(dá)式
var square = function(x){return x*x;}
函數(shù)調(diào)用表達(dá)式是一種調(diào)用或執(zhí)行函數(shù)或方法的語法表示。如果這個表達(dá)式是一個屬性訪問表達(dá)式,那么這個調(diào)用稱做方法調(diào)用
f(0); Math.max(x,y,z); a.sort();
以上所述是小編給大家介紹的JavaScript基礎(chǔ)語法之js表達(dá)式的相關(guān)內(nèi)容,希望對大家有所幫助。如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
javascript實(shí)現(xiàn)tab響應(yīng)式切換特效
這篇文章主要為大家介紹了javascript實(shí)現(xiàn)tab響應(yīng)式切換特效,以一個完整的實(shí)例對tab響應(yīng)式切換特效進(jìn)行詳細(xì)的分析,感興趣的小伙伴們可以參考一下2016-01-01
正則表達(dá)式中特殊符號及正則表達(dá)式的幾種方法總結(jié)(replace,test,search)
這篇文章主要是對正則表達(dá)式中特殊符號及正則表達(dá)式的幾種方法進(jìn)行了詳細(xì)的總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11
BootStrap modal模態(tài)彈窗使用小結(jié)
這篇文章主要為大家詳細(xì)介紹了BootStrap modal模態(tài)彈窗使用小結(jié),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10
手機(jī)注冊發(fā)送驗(yàn)證碼倒計(jì)時的簡單實(shí)例
下面小編就為大家分享一篇手機(jī)注冊發(fā)送驗(yàn)證碼倒計(jì)時的簡單實(shí)例。具有很好的參考價值,一起跟隨小編過來看看吧,希望對大家有所幫助2017-11-11
淺談javascript中for in 和 for each in的區(qū)別
兩個的作用都用來遍歷對象,但為什么有了for in語句了還要for each in語句呢,后來看了下for each in開發(fā)的文檔,for each in是作為E4X標(biāo)準(zhǔn)的一部分在javascript 1.6中發(fā)布的,而且它不是ECMAScript標(biāo)準(zhǔn)的一部分2015-04-04
微信小程序以7天為周期連續(xù)簽到7天功能效果的示例代碼
這篇文章主要介紹了微信小程序以7天為周期連續(xù)簽到7天功能效果的示例代碼,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-08-08
JavaScript用select實(shí)現(xiàn)日期控件
這篇文章主要介紹了JavaScript用select實(shí)現(xiàn)日期控件的相關(guān)資料,需要的朋友可以參考下2015-07-07

