初識JavaScript

編程語言 JavaScript Chrome 程序員 PHP愛好者 2017-06-10

初識JavaScript

1 程序書寫的位置

在頁面中,<script type=”text/JavaScript”></script>標籤對兒,裡面就是書寫javascript程序的地方。

1 <script type="text/javascript">

2

3 </script>

text表示什麼?純文本。沒錯,JavaScript也是一個純文本的語言。

2 alert語句

學習第一個語句,就是alert語句。

1 <script type="text/javascript">

2 alert("今天天氣真好");

3 </script>

alert就是英語裡面的“警報”的意思。用途就是彈出“警告框”:

如果我們想彈出兩次警告框,那麼就要寫兩條語句:

1 alert("今天天氣真好");

2 alert("哈哈哈哈");

學習程序,是有規律可循的,就是程序是有相同的部分,這些部分就是一種規定,不能更改的,我們成為:語法。

至於為什麼alert後面有一個圓括號,為什麼裡面又有引號,我們現在先不管。因為你知道,只要我按照這個語法書寫,功能就會實現。

世界上不管什麼編程語言,都有一個規定,程序是一句一句執行,執行完上面的語句,才能之後下面的語句:

1 <script type="text/javascript">

2 alert("今天天氣真好");

3 alert("哈哈哈哈");

4 </script>

3 語法規則

JavaScript對換行、縮進、空格不敏感。也就是說:

1 <script type="text/javascript">

2 alert("今天藍天白雲");

3 alert("哈哈哈,我很高興");

4 </script>

等價於

1 <script type="text/javascript">

5 alert("今天藍天白雲");

6 alert("哈哈哈,我很高興");

2 </script>

等價於:

1 <script type="text/javascript">

2 alert("今天藍天白雲");alert("哈哈哈,我很高興");

3 </script>

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

比如,你不加分號,今後我們的程序一旦壓縮,就不能使用了:

1 <script type="text/javascript">

2 alert("今天藍天白雲")alert("哈哈哈,我很高興")

3 </script>

所有的符號,都是英語的。比如括號、引號、分號:

第二行語句所有的符號都是中文的,不對!!

還有一個常見錯誤,就是script標籤寫錯了:

1 <script type="text/javescript">

2 alert("今天藍天白雲");

3 alert("哈哈哈,我很高興");

4 </script>

4 註釋

程序中,為了便於理解、教學,我們可以寫一些給人看的東西,這些內容就是註釋,程序不會運行。

//表示註釋:

1 <script type="text/javascript">

2 //alert語句表示彈出窗口

3 alert("你好");

4 </script>

也可以:

1 <script type="text/javascript">

2 alert("你好"); //alert語句表示彈出窗口

3 </script>

註釋可以很多行,但是比較麻煩:

1 <script type="text/javascript">

2 //alert語句表示彈出窗口

3 //一定要注意用英語的符號啊!

4 //千萬不要再錯了!

5 alert("你好");

6 </script>

等價於:

1 <script type="text/javascript">

2 /*

3 alert語句表示彈出窗口

4 一定要注意用英語的符號啊!

5 千萬不要再錯了!

6 */

7 alert("你好");

8 </script>

總結一下:

// 單行註釋

/*

多行註釋

多行註釋

*/

sublime中,單行註釋的快捷鍵是ctrl+/ 。 多行註釋的快捷鍵是ctrl+shift+/

認識數字和字符串 - 直接量

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

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

數值的直接量的表達非常簡單,就是寫上去就行了,不需要任何的符號:

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

字符串,就是人說的話,比如單詞、句子,它們不是數字。一定要加上引號。

1 alert(今天天氣很好); //錯誤的語句,因為沒有加上引號

控制檯報出錯誤:

正確的:

1 alert("今天天氣很好"); //今天天氣很好,是字符串,必須加上引號。

下面的語句是否正確:

1 alert(八八六); //錯誤的!因為八八六是漢字,必須加上引號

2 alert(5.67); //正確的!因為5.67是數字,不用加上引號

3 alert("100"); //正確的!雖然100是數字,但是可以是人說的啊,所以加上引號也正確。

下午,你將知道,”100” 和100不是一個東西!

1 alert(1000); √

2 alert("1000"); √

3 alert(我愛你) ×

4 alert("我愛你"); √

5 alert(五百萬); ×

6 alert("五百萬"); √

7 alert("50000000"); √

1 console.log("今天天氣真好");

console表示“控制檯”,log就是“輸出”

表示在控制檯中輸出,控制檯在Chrome瀏覽器的F12中。控制檯是工程師、程序員調試程序的地方。我們經常使用這條語句輸出一些東西,來測試程序是否正確。很像電工用的“電筆”。老百姓不會在意這裡的內容。

兩種語句,你只需要知道,照著寫,就能實現效果:

1 alert("哈哈");

2 console.log("哈哈");

相關推薦

推薦中...