站長資訊網
        最全最豐富的資訊網站

        javascript里什么是表達式

        表達式語句實際上就是一個表達式,它是由運算符連接變量或者直接量構成。 一般來說,表達式語句要么是函數調用,要么是賦值,要么是自增、自減,否則表達式計算的結果沒有任何意義。

        javascript里什么是表達式

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

        表達式語句實際上就是一個表達式,它是由運算符連接變量或者直接量構成。

        一般來說,表達式語句要么是函數調用,要么是賦值,要么是自增、自減,否則表達式計算的結果沒有任何意義。

        JavaScript 語法上并沒有這樣的限制,任何合法的表達式都可以當做表達式語句使用。

        a + b;

        這行代碼計算了 a 和 b 相加的值,但是不會顯示出來,也不會產生任何執行效果(除非 a 和 b 是 getter ),但是不妨礙它符合語法也能夠被執行。

        PrimaryExpression 主要表達式

        表達式的原子項:Primary Expression。它是表達式的最小單位,它所涉及的語法結構也是優先級最高的。

        Primary Expression 包含了各種“直接量”,直接量就是直接用某種語法寫出來的具有特定類型的值,直接量就是在代碼中把它們寫出來的語法。

        JavaScript 能夠直接量的形式定義對象,針對函數、類、數組、正則表達式等特殊對象類型,JavaScript 提供了語法層面的支持。

        ({}); (function(){}); (class{ }); []; /abc/g;

        在語法層面,function、{ 和 class 開頭的表達式語句與聲明語句有語法沖突,如果要想使用這樣的表達式,必須加上括號來回避語法沖突。

        Primary Expression 還可以是 this 或者變量,在語法上,把變量稱作“標識符引用”。

        this; myVarFun;

        任何表達式加上圓括號,都被認為是 Primary Expression,這個機制使得圓括號成為改變運算優先順序的手段。

        (a + b);

        MemberExpression 成員表達式

        Member Expression 通常是用于訪問對象成員的。它有幾種形式:

        a.b; a["b"]; new.target; super.b;

        new.target 是個新加入的語法,用于判斷函數是否是被 new 調用,super 則是構造函數中,用于訪問父類的屬性的語法。

        Member Expression 最初設計是為了屬性訪問的,不過從語法結構需要,以下兩種在 JavaScript 標準中當做 Member Expression:

        帶函數的模板,這個帶函數名的模板表示把模板的各個部分算好后傳遞給一個函數。

        f`a$c`;

        帶參數列表的 new 運算,不帶參數列表的 new 運算優先級更低,不屬于 Member Expression。

        new Cls();

        它們跟屬性運算屬于同一優先級,但是沒有任何語義上的關聯。

        NewExpression NEW 表達式

        Member Expression 加上 new 就是New Expression(不加 new 也可以構成 New Expression,JavaScript 中默認獨立的高優先級表達式都可以構成低優先級表達式)。

        New Expression 特指沒有參數列表的表達式。如下代碼:

        new new Cls(1);

        直觀看上去,它可能有兩種意思:

        new (new Cls(1));
        new (new Cls)(1);

        實際上,它等價于第一種。用代碼來驗證:

        class Cls{   constructor(n){      console.log("cls", n);         return class {            constructor(n) {               console.log("returned", n);             }         }     } }  new (new Cls(1));

        運行結果:這里就說明了,1 被當做調用 Cls 時的參數傳入了。

        javascript里什么是表達式

        CallExpression 函數調用表達式

        Member Expression 還能構成 Call Expression。它的基本形式是 Member Expression 后加一個括號里的參數列表,或者可以用上 super 關鍵字代替 Member Expression。

        a.b(c); super();

        這看起來很簡單,但是它有一些變體。比如:

        a.b(c)(d)(e); a.b(c)[3]; a.b(c).d; a.b(c)`xyz`;

        這些變體的形態,跟 Member Expression 幾乎是一一對應的。實際上,可以理解為,Member Expression 中的某一子結構具有函數調用,那么整個表達式就成為了一個 Call Expression。而 Call Expression 就失去了比 New Expression 優先級高的特性,這是一個主要的區分。

        LeftHandSideExpression 左值表達式

        New Expression 和 Call Expression 統稱 LeftHandSideExpression,左值表達式。

        左值表達式就是可以放到等號左邊的表達式。JavaScript 語法則是:

        a() = b;

        這樣的用法其實是符合語法的,只是,原生的 JavaScript 函數,返回的值都不能被賦值。因此多數時候,我們看到的賦值將會是 Call Expression 的其它形式,如:

        a().c = b;

        根據 JavaScript 運行時的設計,不排除某些宿主會提供返回引用類型的函數,這時候,賦值就是有效的了。

        左值表達式最經典的用法是用于構成賦值表達式,但是其實如果翻一翻 JavaScript 標準,就會發現它出現在各種場合,凡是需要“可以被修改的變量”的位置,都能見到它的身影。

        AssignmentExpression 賦值表達式

        AssignmentExpression 賦值表達式也有多種形態,最基本的當然是使用等號賦值:

        a = b

        等號是可以嵌套的:

        a = b = c = d

        連續賦值,是右結合的,它等價于下面這種:

        a = (b = (c = d))

        先把 d 的結果賦值給 c,再把整個表達式的結果賦值給 b,再賦值給 a。

        賦值表達式的使用,還可以結合一些運算符,例如:

        a += b;

        相當于:

        a = a + b;

        能有這樣用的運算符有下面這幾種:

        *=、/=、%=、+=、-=、<<=、>>=、>>>=、&=、^=、|=、**=

        賦值表達式的等號左邊和右邊能用的表達式類型不一樣。

        Expression 表達式

        賦值表達式可以構成 Expression 表達式的一部分。在 JavaScript 中,表達式就是用逗號運算符連接的賦值表達式。

        在 JavaScript 中,比賦值運算優先級更低的就是逗號運算符了??梢园讯禾柨梢岳斫鉃橐环N小型的分號。

        a = b, b = 1, null;

        逗號分隔的表達式會順次執行,就像不同的表達式語句一樣?!罢麄€表達式的結果”就是“最后一個逗號后的表達式結果”。比如之前的例子,整個“a = b, b = 1, null;”表達式的結果就是“,”后面的null。

        在很多場合,都不允許使用帶逗號的表達式,比如我export 后只能跟賦值表達式,意思就是表達式中不能含有逗號。

        【推薦學習:javascript高級教程】

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 久久久久亚洲精品天堂久久久久久 | 欧美在线精品一区二区三区| 久久久久人妻一区精品色| 99热都是精品久久久久久| 国产精品精品自在线拍| 亚洲精品国产高清不卡在线| 国产精品第六页| 久久精品国产半推半就| 国产三级久久久精品麻豆三级| 无码精品蜜桃一区二区三区WW| 国产精品部在线观看| 久久精品国产亚洲综合色| 精品亚洲麻豆1区2区3区| 最新国产精品拍自在线观看| 久久99精品久久久久久不卡| 国产成人久久精品麻豆一区| 精品福利资源在线| 99精品国产高清一区二区麻豆 | 免费精品国自产拍在线播放| 国产精品福利电影一区二区三区四区欧美白嫩精品 | 久久精品无码一区二区无码| 亚洲精品一级无码鲁丝片| 久久久不卡国产精品一区二区| 国产精品内射久久久久欢欢| 亚洲午夜精品久久久久久人妖| 2018国产精华国产精品| 国产麻豆精品久久一二三| 国产精品免费福利久久| 国产三级久久久精品麻豆三级| 久久久久久夜精品精品免费啦| 亚洲精品制服丝袜四区| 亚洲午夜精品一级在线播放放| 亚洲精品乱码久久久久久不卡| 在线精品动漫一区二区无广告| 在线观看自拍少妇精品| 日韩人妻无码精品一专区| 无码人妻丰满熟妇精品区| 日韩精品无码中文字幕一区二区| 无码人妻精品一区二区在线视频 | 亚洲欧美日韩国产精品一区二区| 亚洲一区二区精品视频|