一、Javascript介绍
JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果
与交互功能，在 Web 开发领域有着举足轻重的地位。
1. JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页
- HTML 用来定义网页的内容，例如标题、正文、图像等
- CSS 用来控制网页的外观，例如颜色、字体、背景等
- JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些
标签的样式或其中的内容等，可以让网页更加生动。
2. 这门语言一共三天
二、JavaScript使用方法
1. 在body内部写script标签、在标签内写js代码
<body>
<script>
// 写js逻辑代码
</script>
</body>
2. 在head头部标签中 通过script引入js文件
<head>
<!-- 网页采用utf-8的编码格式 -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 网页标题 -->
<title>Document</title>
<!-- 引入js文件 -->
<script src="./index.js"></script>
</head>
三、JavaScript输出
1. console.log 在控制台输出
注意：必须打开网页控制台才能看到输出的内容
<body>
<script>
console.log('hello JavaScript!');
</script>
</body>
2. alert 在网页输出
注意：打开网页自动弹出
<body>
<script>
alert('hello JavaScript!')
</script>
</body>
四、JavaScript注释
- 单行注释 ctrl+/
<body>
<script>
// 这是注释内容
alert('hello JavaScript!')
</script>
</body>
- 多行注释
<body>
<script>
/* 这是注释内容
很多注释 */
alert('hello JavaScript!')
</script>
</body>
五、变量
js python 弱 非常好学 非常容易上手
强 java c
什么是变量
就是存储数据的容器
水杯 水
钱包 钱
变量 装数据
- 变量声明
// 声明变量
let 小皮;
- 变量赋值
<script>
// 声明变量
let 小皮;
// 变量赋值
小皮 = '我家的一条狗'
</script>
- 变量声明并赋值
<body>
<script>
let 小皮 = '我家的一条狗'
console.log(小皮);
</script>
</body>
六、JavaScript的数据类型
面试题：
js基本类型 是什么
回答面试官
基本数据类型有5种 5分
- 字符串
- 数值
- 布尔
- Undefined：一般是网站反馈给开发者 如果获取的数据找不到 或者 未赋值 网站就会返回
- Undefined
- null：答：定义数据 但是你不知存什么 一般 我们就会写一个null
初始化数据使用
6.1 基本数据类型
- 字符串型 (String)
- 数值型 (Number)
- 布尔 (Boolean)
- undefined (Undefined)
- null (Null)
6.2 String 字符串
String用于表示一个字符序列，即字符串。字符串需要使用 单引号 或 双引号 括起来。
<script>
let a = '我是一个字符串a'
let c = "我是一个字符串b"
</script>
6.3 Number 数值型
Number 类型用来表示整数和浮点数，最常用的功能就是用来表示10进制的整数和浮点数。
<script>
// 整数
let a = 10
let c = 10.25
</script>
6.5 Undefined
在使用 let 声明变量但未对其加以初始化时，这个变量的值就是 undefined。
<script>
// 变量声明 没有赋值 就会打印undefined
let a;
console.log(a);
</script>
6.6 Null
空，一般用来初始化
<script>
// 当变量需要为空的时候 就可以写null
let a = null
let b = null
</script>
6.7 typeof 判断类型
场景：基本数据类型的判断
<script>
let a = '我是字符串类型'
let b = 10
let c = undefined
let d = null
let e = true
console.log(typeof a); // string
console.log(typeof b); // number
console.log(typeof c); // undefined
console.log(typeof d); // 如果值是null 打印会为object类型
console.log(typeof e); // boolean
</script>
七、运算符
7.1算术运算符
前提是 必须是整数类型
用于表达式计算。
- 加法 +
- 减法 -
- 乘法 *
- 除法 /
案例：
<script>
let a = 30
let b = 20
console.log(a+b); // 加法 结果: 50
console.log(a-b); // 减法 结果：10
console.log(a*b); // 乘法 结果：600
console.log(a/b); // 除法 结果:1.5
</script>
7.2赋值运算符
赋值运算符用于给 JavaScript 变量赋值。
- =
- +=
- -=
案例：
<script>
let a = '我是字符串类型'
let b = 10
let c = undefined
let d = null
let e = true
console.log(typeof a); // string
console.log(typeof b); // number
console.log(typeof c); // undefined
console.log(typeof d); // 如果值是null 打印会为object类型
console.log(typeof e); // boolean
</script>
7.2赋值运算符
赋值运算符用于给 JavaScript 变量赋值。
- =
- +=
- -=
案例：
let a = 30
let b = 20
console.log(a=100); // 结果: 100
console.log(a+=b); // a = a+b 结果：50
console.log(a-=b); // a = a-b 结果: 10
7.3比较运算符
1. == 判断两边的值是否相等 如果相等返回true，否则返回false 只要值相等就相等
<script>
let a = 30
let b = '30'
console.log(a==b); // 值相等就会相等 true
</script>
2. != 用来判断两个值是否不相等 如果不相等返回true，否则返回false
<script>
let a = 30
let b = '30'
console.log(a===b); false
</script>
