JavaScript 的使用基礎總結①

來源:互聯網
上載者:User

標籤:不同   code   js代碼   大小寫   方式   sum   代碼塊   加法   break   

JavaScript 使用

 

 

JavaScript 是一種輕量級的程式設計語言,JavaScript 是可插入 HTML 頁面的編程代碼,JavaScript 插入 HTML 頁面後,可由所有的現代瀏覽器執行。

 

        HTML 中的指令碼必須位於 <script> 與 </script> 標籤之間。指令碼可被放置在 HTML 頁面的 <body> 和 <head> 部分中。

 

使用JS的三種方式
1.在html標籤中直接使用內嵌JS,並不提倡使用
不符合W3C內容與行為分離的要求。

2. 在HTML頁面中使用script標籤包裹JS代碼,
 script標籤可以放到頁面的任何位置

3.引入外部的js檔案,使用script標籤

JS語句


 

              JavaScript If...Else 語句

 

  • if 語句 - 只有當指定條件為 true 時,使用該語句來執行代碼
  • if...else 語句 - 當條件為 true 時執行代碼,當條件為 false 時執行其他代碼
  • if...else if....else 語句 - 使用該語句來選擇多個代碼塊之一來執行
  • switch 語句 - 使用該語句來選擇多個代碼塊之一來執行
  • JavaScript Switch 語句

    請使用 switch 語句來選擇要執行的多個代碼塊之一

工作原理:首先設定運算式 n(通常是一個變數)。隨後運算式的值會與結構中的每個 case 的值做比較。如果存在匹配,則與該 case 關聯的代碼塊會被執行。請使用 break 來阻止代碼自動地向下一個 case 運行。

switch(n){case 1:    break;case 2:    break;default: }

JavaScript For 迴圈

如果您希望一遍又一遍地運行相同的代碼,並且每次的值都不同,那麼使用迴圈是很方便的。

 

document.write(cars[0] + "<br>");document.write(cars[1] + "<br>");document.write(cars[2] + "<br>");document.write(cars[3] + "<br>");document.write(cars[4] + "<br>");document.write(cars[5] + "<br>");

JavaScript While 迴圈

 

只要指定條件為 true,迴圈就可以一直執行代碼。

while 迴圈

While 迴圈會在指定條件為真時迴圈執行代碼塊。

文法
while (條件)  {  需要執行的代碼  }

JavaScript Break 和 Continue 語句

break 語句用於跳出迴圈。

continue 用於跳過迴圈中的一個迭代。

Break 語句

我們已經在本教程稍早的章節中見到過 break 語句。它用於跳出 switch() 語句。

break 語句可用於跳出迴圈。

break 語句跳出迴圈後,會繼續執行該迴圈之後的代碼(如果有的話):

執行個體
for (i=0;i<10;i++)  {  if (i==3)    {    break;    }  x=x + "The number is " + i + "<br>";  }



JavaScript 變數

1.與代數一樣,JavaScript 變數可用於存放值(比如 x=2)和運算式(比如 z=x+y)。

變數可以使用簡短名稱(比如 x 和 y),也可以使用描述性更好的名稱(比如 age, sum, totalvolume)。

 


2.變數名的命名要求
①變數名只能用 字母 數字 底線組成。
②開頭不能是數字。
③變數名區分大小寫,大寫字母與小寫字母為不同變數。(純大寫字母一般用來表示常量)


3. 變數名的命名規範
①符合小駝峰法則(駝峰法則) 多個單片語成是變數名,除第一個字母小寫,之後每個單字首大寫。
myNameIsLi
②或者使用 匈牙利命名法 ,所有字母小寫,單詞之間用底線分隔 _ .



4. JS中的資料類型 (記住)
① Undefind 未賦值 ,已經使用var聲明的變數但是沒有賦值。
② Nall 表示空的引用
③ Boolean 布爾類型。表示真假 ture 、flase。
④Number 數實值型別 ,可以是整數,可以是小數、
⑤String 字串類型,用" " 或 ‘‘ 包裹
⑥Object 物件類型

 

 

JavaScript 資料類型

 

 

使用 var 關鍵詞來聲明變數:

var carname;

變數聲明之後,該變數是空的(它沒有值)。

如需向變數賦值,請使用等號:

carname="Volvo";

不過,您也可以在聲明變數時對其賦值:

var carname="Volvo";

JavaScript 變數還能儲存其他資料類型,比如文本值 (name="Bill Gates")。

在 JavaScript 中,類似 "Bill Gates" 這樣一條文本被稱為字串。

JavaScript 變數有很多種類型,但是現在,我們只關注數字和字串。

當您向變數分配文本值時,應該用雙引號或單引號包圍這個值。

當您向變數賦的值是數值時,不要使用引號。如果您用引號包圍數值,該值會被作為文本來處理。

 

 

 JavaScript 運算子

 

 

算術運算(單目運算子)
         + , - , * , /(保留小數) , % , ++ 自增, --自減
          + 加法運算、連接字串 ,除加號外其餘符號會先嘗試將左右兩邊轉Number

[a++/ ++a的異同]、(--同理)

a=1 b= a++ +2 >>>b=3 a=2 先用a的值執行加法 ,再把a自加 。
c= ++a +2 >>>5 先執行a自增,再進行加法

賦值運算
         = += -= *= /= %=
           =: 賦值;
           +=:a+=b ;相當於 a=a+b;

關係運算
      == , != , > , < , >= , <=
          》關係運算子運算之後的結果是boolean類型 ture/flase。
         》 判斷一個數字是否處於某個區間必須用 && 連結。
         == 等於 ,類型相同直接判斷 ,類型不同時會嘗試將兩邊轉為Number再判斷。
         != 不等於
           === 嚴格等於 數實值型別都必須相同,類型不同結果為false,類型相同再進行下一步判斷。
           !== 不嚴格等於

條件運算子(多目運算)
         a>b?true:false

  有兩個重要符號 ?和:
當問號前面的部分結果為ture 執行:前面的代碼,flase 執行:後面的代碼,:兩邊可以為數值,則整個式子可用於賦值。冒號兩邊為代碼塊,將直接執行代碼。
多目運算可以多層嵌套

位元運算符、 邏輯運算子
         &&、||、!
   

運算子的優先順序
()
! ++ --
* / %
+ -
> < >= <=
== !=
&& 與或同時存在時與比或高
||
= += *= /= 最低的是各種賦值

 

JavaScript 的使用基礎總結①

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.