广州市官网网站建设平台/商家联盟营销方案

JS的三大书写方式

1. 行内式

如图所示：

几点说明：

1. JS的行内式写在HTML的标签内部，(常以on开头)，如onclick

2. 行内式常常使用单引号括住字符串以区分HTML的双引号

3. 可读性差，不建议使用

4. 引号易出错，不建议使用

5. 特殊情况下使用

2. 内嵌式

如图所示：

几点说明：

1. JS内嵌式写在<script>标签内部

2. 是JS最常用的书写方式

3. 外部式

如图所示：

几点说明：

1. 需要写在独立的.js文件内部

2. 当JS的代码量较大时，推荐使用

3. 与HTML相分离，既美观，同时满足文件复用

输出与输入语句

1. prompt

当调用该函数时，网页上会弹出一个输入框，允许用户输入数据，所输入数据可以赋值给一个变量，该变量的类型为字符串型，如图所示：

2. alert

当调用该函数时，网页上会弹出一个警示框，提示所输入的语句，如图所示：

3. console.log()

所输入的信息呈现在控制台，方便程序员检测代码，如图所示：

变量

变量是程序在内存中申请的一块用于存储数据的空间，可以理解为一个小容器

1. 语法

一个变量的构成等于：var 变量名 = 值，var是关键字，可有可无。

同时，一个变量也可以暂时只声明不赋值，留在后面需要时再赋值。

2. 初始化

一个变量在声明的同时赋值谓之“变量的初始化”，如图所示：

3. 注意事项

第一，变量可以重新赋值，无需再声明一次变量，如图：

第二，允许同时声明多个变量，只需要用一个var声明即可，变量名间用逗号隔开，如图：

第三，当变量声明未赋值时，变量值为undefined，意为”没定义“，如图：控制台显示undefined

第四，当变量无声明无赋值时，程序会报错，如图：

第五，变量可以直接赋值，无需加var,如图：

第六，命名规范，如图：

数据类型

1. 特点

1.JS的数据类型由程序运行过程中根据等号右边的值来确定，由于JS不像C等语言在声明变量时需要指定变量类型(char,int等)，因而JS只有在看到变量名右边的值类型时才能确认该数据的具体类型。

2.动态特性，JS的数据类型可以自由改变,如图所示：age从数字型转变为字符串型

2. 获取数据类型

JS中使用typeof + 变量名 的形式获取该变量的数据类型，如图所示：数据类型从number转化为string

3. 简单数据类型

1. 数字型 （number）

1. 进制问题 数字若以0开头表示该数字为八进制数，若以0x开头表示该数字为十六进制数；

2. 数字型的最值 JS中的数字具有范围，最大值为Number.MAX_VALUE,最小值为Number.MIN_VALUE；

3. 特殊数值 在JS中，Infinity表示无穷大，-Infinity表示无穷小。

is NaN()函数用于判断一个数据是否为数字型，当其为数字型时返回值为false,否则为true

2. 字符串型 (string)

第一，字符串的嵌套

引号会与其最临近的同类型的引号匹配，若想在字符串中包含一对引号，可采用外单内双，外双内单，当最外的引号为单引号时，内部引号为双引号；当最外的引号为双引号时，内部引号为单引号。如图所示：

第二，字符串的长度

利用length可以求取字符串的长度，如图所示：

第三，字符串的拼接

字符串+任意类型 ==新字符串，如图所示：

3. 布尔型 （boolean）

布尔类型的本质就是，true实际是就是数字1，false就是数字0。

4. undefined

当一个变量只声明而不赋值，那么它的数据类型就为undefined型。

5. object

null在js中就属于object型，在后续的学习中我们在探索object型。

4. prompt的输入类型

prompt的输入类型为string，这意味着我们输入的数字无法直接参与运算，需要转化，待会会将转化，如图所示：

5. 数据类型的转化

1. 转化为字符串型

其他类型数据转化为字符串型有三种方式：1 变量名.toString() , 2. String(变量名) 3. num+字符串 （务必牢记，String中的'S'需要大小，被坑过），如图所示：

2. 转化为数字型

转化方式有四种，只需要记住前面两种，其他作为了解

第一种，parseInt可以将将字符串型转化为数字型，也可去除前面为数字的字符串中其余字符串，如图：

第二种，parseFloat可以将将字符串型转化为数字型，可以保留带小数字符串中的所有小数点，其他功能与parseInt一样，此处不赘述。

第三种，调用Number(字符串)函数，如图所示：

第四种，隐式类型转化，如'12'-0可以转化为12 - 0 得到12或'12' - '1'的到11，如图所示：

3. 转化为布尔型

转化为布尔型的函数位 Boolean(变量名),除了 '', 0, NaN, null, undefined会被转化为false之外，其他数据都转化为true,如图所示：

本周学习小结到此结束，完结撒花！💐💐💐