JavaScript DOM 编程艺术（第2版）---P9

Posted 2020-10-30 渡劫的咸鱼哥

2.1 引入JS文件的方式

（1）引入外部js

示例：

（2）当前页面中

示例：

这部分内容可以放在页面中的任何位置。但是一般放在页面的底部。这样的话便于页面加载完成再执行js文件。

2.2 语法

语法：语言结构方面的各项规则。

语句：即指令，是构成任何一个脚本的基本单位。

建议：在每一条语句末尾都加上一个分号。

注释：单行注释"//"，多行注释“/*....*/”（不建议在js代码中使用html风格的注释）

变量

变量声明：

<script>
    var mood;//mood,"心情"
    var age;
</script>

其他方式（赋值方式）：

<script>
    //第一种
    var mood="happy";
    var age=33;
    // 第二种
    var mood2="sad",age2=23;
    // 第三种
    var mood3,age3;
    mood3="cool";
    age3=13;
    // 其中，第二种最有效率，一条语句相当于第三种方法的总和
</script>

一些命名规则：

　　在javascript语言里，变量和其他语法元素的名字都是区分字母大小写的。

　　JavaScript语法不允许变量名中包含空格或标点符号（美元符号“$”例外）

　　JavaScript变量名中允许包含字母、数字、美元符号和下划线（但第一个字符不允许是数字）

　　驼峰格式命名：

　　　　删除中间的空白（下划线），后面每个新单词改用大写字母开头

<script>
    var myMood = "happy";
</script>

　　通常驼峰格式是函数名、方法名和对象属性名命名的首选格式

　　单纯“happy”，是JavaScript语言中的一个字面量（literal）,也就是可以直接在JavaScript代码中写出来的数据。

　　“var”是一个关键字，myMood是一个变量名字。

数据类型：

　　有些其他语言要求在声明变量的同时还必须同时声明变量的数据类型，这种做法成为类型声明（typing）.

　　强类型语言（strongly typed）：必须明确类型声明的语言

　　弱类型语言（weakly typed）：不需要进行类型声明

1、字符串

　　字符串由零个或多个字符构成。

　　字符包括（但不限于）字母、数字、标点符号和空格。

　　字符串必须包在引号里，单引号或双引号都可以。如下语句含义完全相同

<script>
    var mood = "happy";
    var mood = \'happy\';
</script>

　　关于引号可以随意的选用，但最好是根据所包含的字符来选择。若字符串中含有单引号，则选择双引号来包裹。反之则选用单引号来包裹。

<script>
    var mood = "don\'t laugh";
</script>

　　若想在如上语句中，使用单引号，则需要对这个字符进行转义（escaping）.

<script>
    var mood = \'don\\\'t laugh\';
    // 第一个alert
    alert(mood);
    var height = "about 5\'10\\" tall";
    // 第二个alert
    alert(height);
</script>

　　第一个alert:

 

　　第二个alert:

　　建议：在整个脚本中保持单双引号的一致，以便代码的阅读和理解。

2、数值

　　JavaScript允许使用带小数点的数值，并且允许任意位小数，这样的数成为浮点数（floating-point number）:

<script>
    // 数值数据类型例子：
    var age = 33.25;
    // 也阔以使用负数
    var temperatuer = -20;
    // 也支持负浮点数
    var temperatuer2 = -20.33333333;
</script>

3、布尔值

　　布尔（boolean）数据只有连个可选值——true或false.

　　布尔值不是字符串，切不可把布尔值用引号括起来。布尔值 false 与字符串值 “false” 是两码事。

<script>
    // 把变量married设置为布尔值true:
    var married = true;
    // 把变量married设置为字符串"true":
    var married = "true";
</script>

4、数组

　　字符串、数值和布尔值都是标量（scalar）。即它在任意时刻就只能有一个值。若想一个变量来存储一组值，则需要使用数组（array）.

　　数组：用一个变量表示一个值的集合，集合中的每一个值都是这个数组的一个元素（element）.

　　在JavaScript中，数组可以用关键字Array声明。同时还可以指定数组初始元素个数，也就是这个数组的长度（length）:

<script>
    var beatles = Array(4);
</script>

　　JavaScript不要求在声明数组时必须给出元素个数，如下亦可：

<script>
    var beatles = Array();
</script>

　　向数组中添加元素的操作成为填充（populating）.在填充数组时，不仅需要给出新元素的值，还需要给出新元素在数组中存放的位置，这个位置即为该元素的下标（index）

　　数组中一个元素配有一个下标，下标必须用方括号括起来：

array[index]=element;

　　声明和填充beatles数组的全过程：

<script>
    var beatles = Array(4);
    beatles[0] = "John";
    beatles[1] = "Paul";
    beatles[2] = "George";
    beatles[3] = "Ringo";
</script>

　　注意：beatles数组的长度是4，但它的最后一个元素的下表却是3.因为数组的下标是从0开始计数的。