02-第一個JavaScript代碼

標籤：ble   abstract   空格   inter   多行   end   功能   法規   throw   

在頁面中，我們可以在body標籤中放入<script type=”text/javascript”></script>標籤對兒，<script type=”text/javascript”></script>標籤對兒

<script type="text/javascript"></script>

alert語句

<script type="text/javascript">       alert("小馬哥");</script>

alert（英文翻譯為“警報”）的用途：彈出“警告框”。

文法規則

學習程式，是有規律可循的，就是程式是有相同的部分，這些部分就是一種規定，不能更改，我們成為：文法。

（1）JavaScript對換行、縮排、空格不敏感。

      備忘：每一條語句末尾要加上分號，雖然分號不是必須加的，但是為了程式今後要壓縮，如果不加分號，壓縮之後將不能運行。

（2）所有的符號，都是英語的。比如括弧、引號、分號。

（3）JavaScript的注釋：

　　單行注釋：

// 我是注釋

　　多行注釋：　

/*    多行注釋1    多行注釋2*/

備忘：sublime中，單行注釋的快速鍵是ctrl+/，多行注釋的快速鍵是ctrl+shift+/。

JavaScript在網頁中輸出資訊的寫法彈出警告框：alert("")控制台輸出：console.log("")

console.log("")表示在控制台中輸出。console表示“控制台”，log表示“輸出”。

控制台在Chrome瀏覽器的F12中。控制台是工程師、程式員偵錯工具的地方。程式員經常使用這條語句輸出一些東西，來測試程式是否正確。

 

使用者輸入：prompt()語句

prompt()就是專門用來彈出能夠讓使用者輸入的對話方塊。

代碼如下：

<script type="text/javascript">        var a = prompt(‘今天是什麼天氣？‘);        console.log(a);</script>

上方代碼中，使用者輸入的內容，將被傳遞到變數 a 裡面。

效果如下：

f12開啟控制台查看結果。

prompt()語句中，使用者不管輸入什麼內容，都是字串。

alert和prompt的區別：

alert("從前有座山");                //直接使用，不需要變數var a = prompt("請輸入一個數字");   // 必須用一個變數，來接收使用者輸入的值

直接量：數字和字串

“直接量”即常量，也稱為“字面量”。看見什麼，它就是什麼。

簡單的直接量有2種：數字、字串。

（1）數值的直接量的表達非常簡單，寫上去就行了，不需要任何的符號。例如：

alert(886);  //886是數字，所以不需要加引號。

（2）字串也很簡單，但一定要加上引號。可以是單詞、句子等。

變數變數的定義和賦值

   var a = 100;

var是英語“variant”變數的縮寫。後面要加一個空格，空格後面的東西就是“變數名”，

• 定義變數：var就是一個關鍵字，用來定義變數。所謂關鍵字，就是有特殊功能的小詞語。關鍵字後面一定要有空格隔開。

• 變數的賦值：等號表示賦值，將等號右邊的值，賦給左邊的變數。

• 變數名：我們可以給變數任意的取名字。

 PS：在JavaScript中，永遠都是用var來定義變數，這和C、Java等語言不同(有興趣的同學可以看一下es6)

變數要先定義，才能使用。比如，我們不設定變數，直接輸出：

 <script type="text/javascript">        console.log(a);  </script>

控制台將會報錯：

正確寫法：

  var a;   // 定義    a = 100;  //賦值    console.log(a);  //輸出100

有經驗的程式員，會把定義和賦值寫在一起：

var a = 100;    //定義，並且賦值100console.log(a);  //輸出100

變數的命名規範

變數名有命名規範：只能由英語字母、數字、底線、貨幣符號$構成，且不能以數字開頭，並且不能是JavaScript保留字。

下列的單詞，叫做保留字，就是說不允許當做變數名，不用記：

abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、gotoimplements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile

大寫字母是可以使用的，並且大小寫敏感。也就是說A和a是兩個變數。

    var A = 250;    //變數1    var a = 888;    //變數2

變數的類型

變數裡面能夠儲存數字、字串等。變數會自動的根據儲存內容的類型不同，來決定自己的類型。

數值型：number

 如果一個變數中，存放了數字，那麼這個變數就是數值型的

    var a = 100;            //定義了一個變數a，並且賦值100    console.log(typeof a);  //輸出a變數的類型

typeof()表示“擷取變數的類型”，文法為：

typeof 變數

在JavaScript中，只要是數，就是數值型(number)的。無論整浮、浮點數（即小數）、無論大小、無論正負，都是number類型的。

字串型：string

var a = "abcde";    var b = "路飛";    var c = "123123";    var d = "哈哈哈哈哈";    var e = "";     //Null 字元串    console.log(typeof a);    console.log(typeof b);    console.log(typeof c);    console.log(typeof d);    console.log(typeof e);

連字號和加號的區別

鍵盤上的+可能是連字號，也可能是數位加號。如下：

   console.log("我" + "愛" + "你");   //連字號，把三個獨立的漢字，串連在一起了    console.log("我+愛+你");           //原樣輸出    console.log(1+2+3);             //輸出6

總結：如果加號兩邊都是數值，此時是加。否則，就是連字號（用來連接字串）。

 

變數值的傳遞（賦值）

語句：

   a = b;

把b的值賦給a，b不變。

將等號右邊的值，賦給左邊的變數；等號右邊的變數，值不變。

舉個特殊的例子：

        var a = "3";        var b = 2;        console.log(a-b);

效果：（注意，字串 - 數值 = 數值）

 

變數格式轉換使用者的輸入

我們在上面的內容裡講過，prompt()就是專門用來彈出能夠讓使用者輸入的對話方塊。重要的是：使用者不管輸入什麼，都是字串。

parseInt()：字串轉數字

parseInt()可以將字串轉數字。parse表示“轉換”，Int表示“整數”（注意Int的拼字）。例如：

字串轉數位方法：

 parseInt(“5”);

parseInt()還具有以下特性：

（1）帶有自動淨化的功能；只保留字元串最開頭的數字，後面的中文自動消失。例如：

console.log(parseInt("2018你真帥！！");

（2）自動帶有截斷小數的功能：取整，不四捨五入。

var a = parseInt(5.8) + parseInt(4.7);console.log(a);

 var a = parseInt(5.8 + 4.7); console.log(a);

 

02-第一個JavaScript代碼