初識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("哈哈");