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