Javascript基础

目录

初识JS

JS引用

输入输出

变量应用

数据类型

理论

数字型 Number

字符串型 String

布尔型 Boolean

其他型 Undefined 、 Null

注意：可使用 typeof 来测试其类型

类型转换

运算符

自增运算符

== 与 ===

逻辑与或

 优先级

---

初识JS

• 内含：运行在客户端的脚本语言；
• 划分：

1. ECMAScript  — —基础语法；
2. DOM  — —文档对象模型；
3. BOM  — —浏览器对象模型。

JS引用

• 行内式   例如：οnclick=" alert (' 内容 ') ";
• 内嵌式   例如：写在 <script> 标签内部；
• 外部文件   例如：<script src="外部" > <script>;

输入输出

1. 输入框   形式：prompt('  ');   注意：输入的值通常为字符串型；
2. 弹出警示框 （输出展示给用户）  形式：alert('  ');
3. 控制台输出 （程序员测试使用）  形式：console.log('  ');
4. 打印返回元素对象 （程序员测试使用） 形式：console.dir('  ');

变量应用

• 定义变量    var 变量名 = 值 ;
• 更新变量    以新覆盖旧
• 变量命名    可用 _、$等，采用驼峰命名法
• 变量本质    是内存中存放数据的容器

数据类型

• 理论

1.js的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的

2.js是动态语言，变量的数据类型是可以变化的

• 数字型 Number

1. 八进制  0 ~ 7  表示：数字前面加0；

2.十六进制  0 ~ 9 \ a - f  表示：数字的前面加 0x ；

3.特殊取值：

• Infinity  — —无穷大  
• -Infinity  — —无穷小
• NaN  — —非数值 

• 字符串型 String

1.使用：引号括起，可双可单；当多重引用，外单内双（外双内单）

2.转义字符：'\n' — — 表示换行   '\\' — — 表示 \   '\b' — — 表示空格   '\t' — — 表示缩进  

3.字符串长度 length    引用：变量名.length

注意：数组的长度会随里面元素个数增长而自动变大

4.字符串拼接 例：'字符串' + 变量名 + '字符串' + '\n'；

'+'号口诀：数值相加，字符相连

---

• 布尔型 Boolean

可取值为：true 、 false

• 其他型 Undefined 、 Null

与数字型及布尔型相加：

• undefined结果为：NaN； 
• Null结果为：数值；

注意：可使用 typeof 来测试其类型

• 类型转换

把数字型转换为字符串型

• 变量.toString(  )；
• String( 变量 )；
• 变量 + 拼接字符串（'  ')   —— 隐式转换；

把字符串型转换为数字型

• parseInt(变量)    得到是整数；
• parseFloat(变量)    得到是小数 浮点数；
• Number(变量) ;
• 算数运算 -  *  /  —— 隐式转换

运算符

• 自增运算符

1.++p：先自增，再进行运算；

2.p++：先进行运算，再自增；

• == 与 ===

1.==：等于 — — 比较运算符，关系运算符默认转换数据类型，会把字符串型转换为数字型

2.===：全等于，要求两侧的值与数据类型完全一致。

• 逻辑与或

1.逻辑与  表达式1 && 表达式2    （1为真，则返回2；1为假，则返回1）

2.逻辑或  表达式1 || 表达式2    （1为真，则返回1；1为假，则返回2）

•  优先级

1. （  ）

2. ！++ --

3. * / % 后 + -

4. > >= < <=

5. == ===

6. 先 && 后 ||

7. =

8. ，