JavaScript回顾

 

介绍

本文主要介绍javaScript的基础内容，作者之前工作后发现很多之前不常用的知识都在慢慢忘记，然后我现在决定从新学习一遍，顺带带着刚入门的javaScrip小伙伴一些学习方向，希望可以给刚入门javaScrip的小伙伴一些帮助，内容比较多，每天下班后都会帮大家整理一下，我会根据简单到难，分好几次来讲，我自己也做了张思维导图，让知识更体系，帮助加深印象。

 

javascript

作用：

• 主要是对网页的交互

组成：

1. ECMAScript（确定js的语法规范）

2. DOM（js动态操作网页内容）

3. BOM（js动态操作浏览器窗口）

js三种书写位置：

1. 行内式

   • 写在标签内部

2. 內联式

   • 写在script标签里面，script标签放在</body>上方

3. 外联式

   • 写在js文件中，使用script标签的src属性进行引入

输入与输出语句

1. 弹出提示框aler()

2. 页面输出document.write()

3. 控制台输出console.log

4. 弹出输入框prompt()

5. 弹出确认框confirm()

数据类型

简单的数据类型（值类型）

1. number数值类型

   • 作用：数值计算（一切数学中的数字）

2. string数字类型

   • 作用：展示文本

3. boolean布尔类型(true和flase)

   • 作用：表示条件成立/不成立

4. undefined未定义

   • 变量有声明，未赋值，默认是undefined

5. null空值

   • 主动赋值，要存东西，但是还没有存

检查数据类型

检查数据类型的方法有：

typeof（主要）

• 作用：得到一个字符串，告诉你是什么类型

  console.log(typeof '我是字符串类型') //string 字符串类型

观察输出字符的颜色

简单数据类型	说明	默认值
Number(蓝色)	数字型，包含整型值和浮点型值，如21/0.21	0
Boolean（蓝色）	布尔值类型，如true、flase，等价于1和0	false
String（黑色）	字符串类型，如“张三”注意js里面，字符串都带引号	“”
Undefined（灰色）	let a;声明变量a但是没有给值，此时a = undefined	undefined
Null（蓝色）	let a= null;声明了变量a为空值	Null

变量

作用 ：在内存中开辟一个空间，来存放数据

变量语法：

1. 声明变量： var 变量名 或者 let 变量名

2. 赋值： 变量名 = 值 右边是输入存放左边的量

3. 变量的注意点：

   1. let变量不允许重复声明

   2. 变量赋值的时候会先销毁旧值，然后存入新值

4. 变量赋值：

   • 先声明一个temp来存放临时变量，再来交换num1和num2的值

           let num1 = 20
            let num2 = 10
            let temp = num2
            num2 = num1
            num1 = temp
            console.log(num1, num2)

运算符与表达式

赋值运算符

赋值运算符左边一定是变量，因为只有变量才可以存储数据化

自增自减

• 自增：num++或者num +=5 =num = num + 5

• 自减：num--或者num -=5 =num = num - 5

比较运算符

作用：比较运算，判断条件是否成立（成立/不成立）

• =：这是赋值

• == : 这是比较值，不比较数据类型

• === ：这是比较数据类型，然后比较值

重点

1. 运算符不能单独使用，需要与运算数据一起组成式子，称为表达式

2. 表达式一定有运算结果，打印或者是输入变量

3. 关系（比较）表达式一定是布尔类型，ture成立 flase不成立

逻辑运算符

作用：计算多个条件的关系

&& 表示且 一假则假

|| 表示或 一真则真

! 表示反 取反 ture变成false