3. JavaScript基础入门

2020-07-29 本文已影响0人辘轳鹿鹿

主要内容包括JavaScript的语法、变量、数据类型

3.1 JavaScript的语法

3.1.1. 代码执行顺序

JavaScript 程序按照在 HTML 文件中出现的顺序逐行执行。
如果需要在整个 HTML 文件中执行。最好将其放在 HTML 文件的 <head>…</head> 标签当中。

3.1.2. 区分大小写

JavaScript对字母大小写敏感，而HTML不区分大小写。

3.1.3. 分号与空格

在 JavaScript 语句当中，分号是可有可无的。但每条语句应以分号结尾，增强可读性。
JavaScript 会忽略多余的空格，用户可以向脚本添加空格来提高其可读性。

3.1.4. 代码折行标准

当一段代码比较长时，用户可以在文本字符串中使用反斜杠对代码行进行换行。

下面的例子会正确地显示： 
document.write("Hello \ 
World!");

不过，用户不能像这样折行：
document.write \ 
("Hello World!");

3.1.5. 注释语句

单行注释

//注释内容

多行注释

/* 
注释内容
*/

3.2 JavaScript的变量

变量是用来临时存储数值的容器。在程序中，变量存储的数值是可以变化的，变量占据一段内存，通过变量的名字可以调用内存中的信息。

3.2.1 变量的声明

尽管 JavaScript是一种弱类型的脚本语言，变量可以在不声明的情况下直接使用，但在实际使用过程中，最好还是先使用 var 关键字对变量进行声明。
声明变量具有如下几种规则：
- 可以使用一个关键字 var 同时声明多个变量，如语句“var x,y;”
- 可以在声明变量的同时对其赋值（称为初始化），例如“var president = "henan";
- 如果出现重复声明的变量，且该变量已有一个初始值，则此时的声明相当于对变量重新赋值。 JavaScript会根据存放信息的类型，自动为变量分配合适的数据类型。
- 如果只是声明了变量，并未对其赋值，其值默认为 undeﬁned。
- var 语句可以用作for 循环和for……in 循环的一部分，这样可以使得循环变量的声明成为循环语法自身的一部分，使用起来较为方便。

3.2.2 变量的作用域

全局变量：全局变量的作用域是全局性的，即在整个 JavaScript 程序中，全局变量处处都存在。
局部变量：局部变量是函数内部声明的，只作用于函数内部，其作用域是局部性的；函数的参数也是局部性的，只在函数内部起作用。声明局部变量，一定要用var语句。

在函数内部，局部变量的优先级高于同名的全局变量。也就是说，如果存在与全局变量名称相同的局部变量，或者在函数内部声明了与全局变量同名的参数，则该全局变量将不再起作用。
JavaScript没有块级作用域，函数中的所有变量无论是在那里申明的，在整个函数中都有意义。

3.3 JavaScript的数据类型

9种：未定义（Undeﬁned）、空（Null）、布尔型（Boolean）、字符串（String）、数值（Number）、对象（Object）、引用（Reference）、列表（List）和完成（Completion）。其中，后 3 种类型仅仅作为JavaScript 运行时中间结果的数据类型，因此不能在代码中使用。

3.3.1 未定义类型

Undeﬁned 是未定义类型的变量，表示变量还没有赋值，如“var a;”，或者赋予一个不存在的属性值，如 var a=String.notProperty。
此外，JavaScript 中有一种特殊类型的数字常量NaN，表示“非数字”，当在程序中由于某种原因发生计算错误后，将产生一个没有意义的数字，此时 JavaScript 返回的数字值就是 NaN。

3.3.2 空类型

JavaScript 中的关键字null 是一个特殊的值，表示空值，用于定义空的或不存在的引用。
不过，null 不等同于空的字符串或0。由此可见，null 与 undeﬁned 的区别是：null 表示一个变量被赋予了一个空值，而 undeﬁned 则表示该变量还未被赋值。

3.3.3 布尔型

布尔型数据类型只有两个值：true 和 false

3.3.4 字符串

字符串必须放在单引号或者双引号里
JavaScript 字符串定义方法如下：

方法一：
var str = "字符串";

方法二：
var str = new String（"字符串"）;

+将两个字符串连接在一起
变量名.length获取字符串长度
变量名.charAt（位置）：获取字符串该位置上的字符
字符串的大小写转换：
- 以小写方式显示：变量名.toLowerCase()
- 以大写方式显示：变量名.toUpperCase()
- 按照本地方式把字符串转化为小写：变量名.toLocaleLowerCase()
- 按照本地方式把字符串转化为大写：变量名.toLocaleUpperCase()

3.3.5 数值类型

等同于Java中的double类型
5、12、-5、123e5(=12300000)

3.3.6 对象类型

Object 是对象类型，该数据类型中包括Object、Function、String、Number、Boolean、Array、Regexp、 Date、 Globel、Math、Error，以及宿主环境提供的 Object 类型。

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
document.write(person.firstname + " is " + person.age + " years old.");
</script>
</body>
</html>

典型案例——九九乘法表

<!DOCTYPE html>
<html>
    <head>
        <title>New Document</title>
    </head>
    <body>
        <script language="JavaScript" >
        /*
        程序功能：打印九九乘法表
        建立日期：2020年7月29日
        */
            label1:for(var i=1;i<=9;i++){
                document.write("<br>");
                for(var j=1;j<=9;j++){
                    if(j>i){
                        continue label1;
                    }
                    document.write(i+"x"+j+"="+i*j+"&nbsp; ");
                }
            }
        </script>
    </body>
</html>

运行效果

可以用标号label标出想退出（continue或break）哪一个语句
在html代码中每输入一个转义字符&nbsp就表示一个空格，输入十个&nbsp，页面中就显示10个空格位置。而在html代码中输入空格，不管输入多少个空格，最终在页面中显示的空格位置只有一个。