JavaScript-語法

explorer_ddf 發(fā)布于2019-08-23 10:50 / 919人閱讀

摘要：語句概述在中，語句使用分號進行分割?？梢悦啃芯帉懸粭l語句，也可以一行編寫多條語句。解釋器執(zhí)行空語句時，不會有任何動作。中斷循環(huán)貓物語語句

語句概述

在JavaScript中，語句使用分號（;）進行分割。可以每行編寫一條語句，也可以一行編寫多條語句。

建議每行編寫一條語句，提高代碼可讀性

JavaScript解釋器是按照語句的編寫順序依次執(zhí)行的

語句塊

JavaScript中使用花括號（｛｝）表示一個語句塊，語句塊的作用是為語句分組，是代碼清晰明了，提高可讀性

{
    var num = 100;
    console.log(num);//100
}

空語句

空語句即為只有分號（;）沒有語句內容。JavaScript解釋器執(zhí)行空語句時，不會有任何動作。

流程控制語句

JavaScript解釋器是按照語句順序依次執(zhí)行，但也可以編寫一些復雜的語句塊，基本分為以下

順序執(zhí)行

選擇執(zhí)行

循環(huán)執(zhí)行

條件語句

條件語句是指通過判斷指定的計算結果，來決定是執(zhí)行還是跳過指令的語句塊

if語句

if語句是條件判斷語句，也是最基本的流程控制語句

var result = 3
/*
   if（條件表達式）｛
         語句塊-當條件表達式計算結果為true時才生效
    ｝
*/
/*條件表達式一般為布爾類型，true生效，false則跨過語句塊繼續(xù)執(zhí)行下面的代碼
* 如果條件表達式計算結果不是布爾類型，則強制轉換為布爾類型*/
if (result>2) {
    console.log("化物語")
}
   console.log("偽物語")//這是if語句塊后面的的語句

var v  //定義變量但不初始化值
if (v=23){//對變量初始化值,這樣的寫法也是有效的
    console.log("輸出")
}

if...else語句

if...else語句是條件判斷語句，但和if語句有所不同

var result = true
/*
    if（條件表達式｛
       語句塊一
      ｝ else ｛
        語句塊二）
      ｝
*/   /*先判斷條件表達式
*      true則執(zhí)行語句塊一
*      false則執(zhí)行語句塊二
*      之后繼續(xù)執(zhí)行后面的代碼*/
if (result){
    console.log("化物語")
}   else {
    console.log("偽物語")
}

if...else的嵌套

if...else語句支持嵌套，但最好不要嵌套多層，影響可讀性和運行

var result = 70;
/*在if或者else后面的語句塊中都可以嵌入新的if...else語句
* */
if (result>90){
    console.log("優(yōu)秀");
}   else {
    if (result>80){
    console.log("良好");
    }else {
        console.log("及格");
    }
}

else...if語句

else...if語句允許多個條件判斷

var result = 70
/*else...if語句是if...else語句的優(yōu)化版
* 沒有嵌套結構*/
if (result>90) {
    console.log("優(yōu)秀")
}   else if (result>80) {
        console.log("良好")
    }else {
        console.log("及格")
}

switch..case語句

switch...case語句是開關語句

var result = 2
/*
    枚舉 - 將計算結果可能的值盡量的羅列完整
    switch (條件表達式) {
        case 值一:
            語句塊一
        case 值二:
            語句塊二
        ... ...
        default:
            語句塊N
    }
    * 條件表達式 - 不一定是Boolean類型，計算結果分別與case語句的值進行比較
      * 條件表達式計算結果與case語句的值是全等比較(既要比較值，也要比較類型)
    * case語句 - 羅列可能的匹配值
      * 對應的語句塊最后添加 break 關鍵字 - 當執(zhí)行對應的語句塊之后，停止繼續(xù)執(zhí)行
    * default語句 - 類似于if...else語句中的else語句
      * 當以上所有case語句的值都不匹配時，默認執(zhí)行default語句對應的語句塊
      * 注意 - 不是default語句不需要使用break關鍵字，而是default默認一般被編寫在最后
 */
switch (result){
    case 2://冒號是不能省略的
        console.log("化物語")
        break
    case 3:
        console.log("偽物語")
        break
    default:
        console.log("以上結果不滿足")
}

循環(huán)語句

循環(huán)語句是當判斷條件的結果未達到預期值時，不斷執(zhí)行前面的一段代碼

while語句

while語句是一個基本循環(huán)語句，類似于if語句

var result = 2;
/*
* while（條件表達式）｛
*       語句塊｝
*   必須通過變量值的改變控制條件表達式的計算結果
*   在循環(huán)中，至少要有依次false結束循環(huán)，否則是個死循環(huán)       
*   */
while (result<5){//先判斷，再執(zhí)行
    console.log("這是一個while循環(huán)語句");
    result++;//自增，每次加1  用于改變變量值
}

do...while語句

do...while語句也是一個基本循環(huán)語句，和whlie語句很像。
do...while語句和while語句的差別只是執(zhí)行和判斷的先后順序

var result = 2
/*
*   do {
*      語句塊
*      ｝while（條件表達式）
*      */
do {//先執(zhí)行，在判斷
    console.log("化物語")
    result++
}while (result<5)

for語句

var result = 2
/*
*   for（初始化表達式；條件判斷表達式;循環(huán)控制表達式）｛
*       語句塊
*       ｝
*       初始化表達式-用于控制變量值
*       條件判斷表達式-判斷是否要結束循環(huán)
*       循環(huán)控制表達式-控制循環(huán)結束的節(jié)點
*       
*       for語句并不是一定要定義三個表達式，但;必須要有*/
for (result = 2;result<5;result++){
    console.log("化物語")
}
/*for語句并不是一定要定義三個表達式，但;必須要有*/
var v = 0;
for (; v < 10; ) {
    console.log(v);
    v++
}

跳轉語句

跳轉語句可以將JavaScript代碼的執(zhí)行從一個位置跳到連一個位置
只能在循環(huán)結構使用

break語句是中段語句，用于終止循環(huán)語句或者開關語句

continue是連續(xù)語句，用于重新連接while、do...while、for語句

break語句

switch (result) {
    case 1:
       console.log("化物語")
       break//由于當前值有預期值不相等，所以此處break無效

    case 2:
        console.log("偽物語")
        break//由于當前值與預期值一致，break生效。中斷循環(huán)

    default:
        console.log("貓物語")
}

continue語句

for (var i=0; i<9; i++) {
    if (i == 4) {
        /*continue;*/
    }
    console.log(i);
}

GPU云服務器云服務器 javascript 語法 javascript語法 javascript語法檢測 javascript語法基礎

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/96733.html

火狐與IE的7個JavaScript差異

摘要：在這篇文章中，我將會從個方面概述和在語法上的差異。獲取標簽的屬性與上述類似，我們有不同的語法來獲取標簽的屬性。這個示例代碼是相當基礎的，一般用作許多復雜事件處理的一部分，這里僅用來描述差異。語法語法透明處理這不是的語法問題，是通過設置的。原文：http://www.impressivewebs.com/7-javascript-differences-between-firefox-...

CoderBear 2019-08-21 10:25 評論0 收藏0
JavaScript核心語法-基礎語法

摘要：基礎語法區(qū)分大小寫是一種區(qū)分大小寫的語法，意味著的關鍵字變量名函數(shù)名以及其他一切的字符表示都要使用一致的大小寫形式?；镎Z化物語空格和換行會忽略代碼中出現(xiàn)的空格換行制表符。如果不用花括號獨立獨立編寫一個語句，語法并不報錯，但不推薦。 JavaScript基礎語法區(qū)分大小寫 JavaScript是一種區(qū)分大小寫的語法，意味著JavaScript的關鍵字、變量名、函數(shù)名以及其他一切的字符...

soasme 2019-08-23 10:45 評論0 收藏0
【JavaScript】核心語法與變量與常量

JS(JavaScript) 一?；A語法； 1.語法；區(qū)分大小寫；他的標識符必須以大小寫區(qū)分使用實為形式，不同的大小寫代表不一樣的意思 var aixinjueluo = 愛新覺羅; console.log(aixinjueluo); var Aixinjueluo = Aixinjueluo; console.log(Aixinjueluo); var AIXINJUELUO = AIXI...

jaysun 2019-08-23 10:46 評論0 收藏0
JavaScript基礎語法變量常量數(shù)據(jù)類型

摘要：第十六天筆記基礎語法區(qū)分大小寫是一種區(qū)分大小寫的語言的關鍵字變量名函數(shù)名以及任何其他的標識符必須適應一致的大小寫形勢臥龍前端空格和換行并不是的語法內容可有可無建議使用將代碼書寫的更加整潔美觀更有可讀性可選的分號分號可選項語法并不是強制要第十六天筆記 JavaScript 基礎語法區(qū)分大小寫 JavaScript是一種區(qū)分大小寫的語言 JavaScript的關鍵字變量名函...

xingpingz 2019-08-23 10:46 評論0 收藏0
帶你入門 JavaScript ES6 (二)

摘要：上一篇學習下一代語法一，我們學習了關于塊作用域變量或常量聲明和語法新的字符串拼接語法模版字面量數(shù)組元素或對象元素的解構賦值和對象字面量簡寫的相關知識。這便是擴展運算符的用途之一。本文同步帶你入門 JavaScript ES6 (二)，轉載請注明出處。上一篇學習下一代 JavaScript 語法: ES6 (一)，我們學習了關于塊作用域變量或常量聲明 let 和 const 語法、...

chanthuang 2019-08-21 18:26 評論0 收藏0
說說對JSX的認識

摘要：認識引子最近幾個月做的一個項目，使用了技術體系，自然而然的用到了。下面就總結一下自己對的認識。而這無疑增加了框架的門檻和復雜度。在被渲染之前，所有的數(shù)據(jù)都被轉義成為了字符串處理。以避免跨站腳本攻擊。表示對象將編譯成調用。 JSX認識引子最近幾個月做的一個項目，使用了react技術體系，自然而然的用到了JSX。下面就總結一下自己對JSX的認識。什么是JSX 即JavaScript...

clasnake 2019-08-20 16:20 評論0 收藏0