JavaScript01 - JavaScript - 前端 - 计算机科学

# JavaScript 基础第一天

# 今日目标

理解变量是存储数据的 “容器”
理解什么是数据并知道数据的分类
知道 JavaScript 数据类型转换的特征

# 一、JavaScript 介绍

JavaScript 是什么
JavaScript 书写位置
JavaScript 的注释
JavaScript 的结束符
输入和输出语法
字面量

# 1、JavaScript 是什么

# 1.1 JavaScript（是什么？）

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

# 1.2 作用（做什么？）

网页特效 （监听用户的一些行为让网页作出对应的反馈）
表单验证 （针对表单数据的合法性进行判断）
数据交互 （获取后台的数据，渲染到前端）
服务端编程 （node.js）

# 1.3 JavaScript 的组成（有什么？）

ECMAScript
- 规定了 js 基础语法核心知识。比如：变量、分支语句、循环语句、对象等等
Web APIs 
- DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作
- BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等

权威网站： MDN

JavaScript 权威网站： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

# 总结

JavaScript 是什么？
- JavaScript 是一种运行在客户端（浏览器）的编程语言
JavaScript 组成是什么？
- ECMAScript（基础语法）、web APIs（DOM、BOM）

# 体验 JavaScript

点击切换按钮的案例 - 体验 HTML + CSS + JS 实现交互效果

案例代码：

<!-- css 样式 -->
<style>
    .pink {
        background-color: pink;
    }
</style>

<body>
    <!-- html 结构 -->
    <button class="pink">按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>
    <!-- js 脚本 -->
    <script>
        const btns = document.querySelectorAll("button");
        for (let i = 0; i < btns.length; i++) {
            btns[i].addEventListener("click", function () {
                document.querySelector(".pink").className = "";
          		this.className = "pink";
            }); 	
        }
    </script>
</body>

# 2、JavaScript 书写位置

目标：知道如何向页面添加 JavaScript

# 2.1 内部 JavaScript

直接写在 html 文件里，用 script 标签包住

规范：script 标签写在 </body> 上面

拓展： alert ("你好，js") 页面弹出警告对话框

示例代码：

<!-- 内部 js 书写代码 -->
<script>
    alert("嗨，欢迎来到传智播客学习前端技术！");
</script>
</body>

注意事项：

我们将 <script> 放在 HTML 文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载 HTML。

如果先加载的 JavaScript 期望修改其下方的 HTML，那么它可能由于 HTML 尚未被加载而失效。

因此，将 JavaScript 代码放在 HTML 页面的底部附近通常是最好的策略。

# 2.2 外部 JavaScript

代码写在以 .js 结尾的文件里

语法： 通过 script 标签，引入到 html 页面中。

示例代码：

<body>
    <script src="./js/my.js">
        // 中间不要写内容
    </script>
</body>

注意事项：

script 标签中间无需写代码，否则会被忽略！
外部 JavaScript 会使代码更加有序，更易于复用，且没有了脚本的混合，HTML 也会更加易读，因此这是个好的习惯。

# 2.3 内联 JavaScript

代码写在标签内部

示例代码：

1
2
3

<body>
    <button onclick="alert('逗你玩那~~')">点击我月入过万</button>
</body>

注意： 此处作为了解即可，但是后面 vue 框架会用这种模式

# 总结

JavaScript 三种书写位置？
- 内部
- 外部
- 行内
注意事项
- 书写的位置尽量写到文档末尾 </body> 前面
- 外部 js 标签中间不要写代码，否则会被忽略

# 练习

页面弹框课堂练习

需求：请用 外部 和 内部 两种 JavaScript 书写方式，页面弹出：努力，奋斗

时间：5 分钟

# 3、JavaScript 注释

目标：会使用两种 JavaScript 注释方法

# 3.1 单行注释

符号：//

作用：// 右边这一行的代码会被忽略

** 快捷键：**ctrl + /

示例代码：

<script>
	// 这种是单行注释的语法
	// 一次只能注释一行
    // 可以重复注释
</script>

# 3.2 块注释

符号：/* */

** 作用：* 在 / 和 */ 之间的所有内容都会被忽略

** 快捷键：**shift + alt + A

示例代码：

/* 这种是多行注释的语法 */
/*
	更常见的多行注释是这种写法
	这里可以任意换行
	多少行都行
*/

# 4、JavaScript 的结束符

目标：了解 JavaScript 结束符

作用： 使用英文的；代表语句结束

实际情况： 实际开发中，可写可不写，浏览器（JavaScript 引擎）可以自动推断语句的结束位置

现状： 在实际开发中，越来越多的人主张，书写 JavaScript 代码时省略结束符

约定： 为了风格统一，结束符要么每句都写，要么每句都不写（按照团队要求）

# 总结

JavaScript 注释有那两种方式？
- 单行注释 //
- 多行注释 /* */
JavaScript 结束符注意点
- 结束符是？
 - 分号 ；
- 结束符可以省略吗？
 - Yes
 - 但为了风格统一，结束符要么每句都写，要么每句都不写

# 5、输入和输出语法

目标：能写出常见 JavaScript 输入输出语法

# 5.1 什么是语法

人和计算机打交道的规则约定
我们要按照这个规则去写
比如：你吃了吗？
我们程序员需要操控计算机，需要计算机能看懂

# 5.2 输出语法

输出和输入也可理解为人和计算机的交互，用户通过键盘、鼠标等向计算机输入信息，计算机处理后再展示结果给用户，这便是一次输入和输出的过程。

语法 1：

1	document.write("abc");

** 作用：** 向 body 内输出内容

** 注意：** 如果输出的内容写的是标签，也会被解析成网页元素

语法 2：

1	alert("你想要看到什么");

** 作用：** 页面弹出警告对话框

语法 3：

1	console.log("在浏览器控制台打印")

** 作用：** 控制台输出语法，程序员调试使用

# 5.3 输入语法

语法：

1	prompt("请输入您的名字");

** 作用：** 显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字

效果展示：

# 输入和输入练习

需求：

浏览器中弹出对话框：你好 JS~
页面中打印输出： JavaScript 我来了！
页面控制台输出：它_会魔法吧

时间：5 分钟

# 5.4 JavaScript 代码执行顺序

按 HTML 文档流顺序执行 JavaScript 代码
alert () 和 prompt () 它们会跳过页面渲染先被执行（目前作为了解，后期讲解详细执行过程）

# 6、字面量

目标：能说出什么是字面量

在计算机科学中，字面量（literal）是在计算机中描述事 / 物

比如：

我们工资是： 1000 此时 1000 就是数字字面量
' 黑马程序员 ' 字符串字面量
还有接下来我们学的 [] 数组字面量 {} 对象字面量等等

# 二、变量

问题 1：用户输入的数据我们如何存储起来？

答案 1：变量

# 1、变量是什么

目标：理解变量是计算机存储数据的 “容器”

白话：变量就是一个装东西的盒子。

通俗：变量是计算机中用来 存储数据 的 “容器”，它可以让计算机变得有记忆。

注意：变量不是数据本身，它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。

# 2、变量的基本使用

目标：能够声明一个变量并完成赋值操作

# 2.1 变量的声明

要想使用变量，首先需要创建变量（也称为声明变量或者定义变量）

语法：

let 变量名;

声明变量有两部分构成：声明关键字、变量名（标识）

let 即关键字 (let: 允许、许可、让、要)，所谓关键字是系统提供的专门用来声明（定义）变量的词语

示例代码：

let age;

我们声明了一个 age 变量，age 即变量的名称，也叫标识符

# 2.2 变量赋值

定义了一个变量后，你就能够初始化它（赋值）。在变量名之后跟上一个 “=”，然后是数值。

注意：程序中是通过 变量名 来获得变量里面的数据

简单点，也可以声明变量的时候直接完成赋值操作，这种操作也称为 变量 初始化 。

示例代码：

1	let age = 18;

# 课堂变量练习

需求：

声明一个变量，用于存放用户购买的商品数量 (num) 为 20 件
声明一个变量，用于存放用户的姓名 (uname) 为 ’张三’
依次 控制台 打印输出两个变量

# 2.3 更新变量

变量赋值后，还可以通过简单地给它一个不同的值来更新它。

注意：let 不允许多次声明一个变量

# 2.4 声明多个变量

** 语法：** 多个变量中间用逗号隔开

1	let age = 18, uname = "章三";

** 说明：** 看上去代码长度更短，但并 不推荐 这样。为了更好的可读性，请一行只声明一个变量。

1
2
3

// 多行变量声明有点长，但是更利于阅读、
let age = 18;
let uname = "章三";

# 变量案例 - 弹出姓名

需求：浏览器中弹出对话框：请输入姓名，页面中输出：刚才输入的姓名

分析：

①：输入：用户输入框： prompt ()

②：内部处理：保存数据

③：输出：页面打印 document.write ()

# 变量案例 - 交换变量的值

需求：

有 2 个变量： num1 里面放的是 10， num2 里面放的是 20

最后变为 num1 里面放的是 20 ， num2 里面放的是 10

目的：

练习变量的使用
为了后面冒泡排序做准备

# 3、变量的本质

目标：能够说出变量的本质是什么

内存：计算机中存储数据的地方，相当于一个空间

变量本质：是程序在内存中申请的一块用来存放数据的小空间

# 4、变量命名规则与规范

目标：能写出符合规范的变量名

规则：必须遵守，不遵守报错 (法律层面)

** 规范：** 建议，不遵守不会报错，但不符合业内通识（道德层面）

js 命名规则 ：

不能用关键字
关键字：有特殊含义的字符，JavaScript 内置的一些英语词汇。例如：let、var、if、for 等
只能用下划线、字母、数字、$ 组成，且数字不能开头
字母严格区分大小写，如 Age 和 age 是不同的变量

js 命名规范 ：

起名要有意义
遵守小驼峰命名法
- 第一个单词首字母小写，后面每个单词首字母大写。例：userName

以下哪些是合法的变量名？

# 变量练习 - 输出用户信息

需求：让用户输入自己的名字、年龄、性别，再输出到网页

分析：

①弹出输入框（prompt）：请输入您的姓名 (uname)：用变量保存起来。

②弹出输入框（prompt）：请输入您的年龄 (age)：用变量保存起来。

③弹出输入框（prompt）：请输入您的性别 (gender)：用变量保存起来。

④页面分别输出 (document.write) 刚才的 3 个变量。

# 5、变量拓展 let 和 var 的区别

let 和 var 区别：

在较旧的 JavaScript，使用关键字 var 来声明变量，而不是 let。

var 现在开发中一般不再使用它，只是我们可能再老版程序中看到它。

let 为了解决 var 的一些问题。

var 声明:

可以先使用在声明 (不合理)
var 声明过的变量可以重复声明 (不合理)
比如变量提升、全局变量、没有块级作用域等等

结论：

var 就是个 bug，别迷恋它了，以后声明变量我们统一使用 let

# 6、变量拓展 - 数组

思考以下问题：

变量一次只能存几个值？如果我想保存一个班里 5 个人的姓名怎么办？

# 6.1 数组

数组 (Array) —— 一种将 一组数据 存储在 单个变量 名下的优雅方式

# 6.2 声明数组

目标：能够声明数组并且能够获取里面的数据

语法：

1	let 数组名 = [数据1，数据2，...，数据n];

示例代码：

1	let names = ["章三", "里斯", "王武", "赵六"];

数组是按顺序保存，所以每个数据都有自己的编号
计算机中的编号从 0 开始，所以小明的编号为 0，小刚编号为 1，以此类推
在数组中，数据的编号也叫 索引 或 下标
数组可以存储任意类型的数据

# 6.3 数组取值

语法：

数组名[下标]

示例代码：

1
2
3

let names = ["章三", "里斯", "王武", "赵六"];
names[0]  // 章三
names[1]  // 里斯

通过下标取数据
取出来是什么类型的，就根据这种类型特点来访问

# 数组取值案例

需求：定义一个数组，里面存放星期一、星期二…… 直到星期日（共 7 天），在控制台输出：星期日

# 数组相关术语

元素：数组中保存的每个数据都叫数组元素
下标：数组中数据的编号
长度：数组中数据的个数，通过数组的 length 属性获得

示例代码：

let names = ["章三", "里斯", "王武", "赵六"];
console.log(names[0])  // 章三
console.log(names[1])  // 里斯
console.log(names.length)  // 4

# 三、常量

# 1、常量的基本使用

概念： 使用 const 声明的变量称为 “常量”

使用场景： 当某个变量永远 不会改变 的时候，就可以使用 const 来声明，而不是 let

命名规范： 和变量一致

常量使用：

// 声明一个常量
const PI = 3.14159;
// 输出这个常量
console.log(PI);
// 修改常量里面的值	
PI = 3.14;  // 报错  Uncaught TypeError: Assignment to constant variable.
// 输出常量的值
console.log(PI);

注意： 常量不允许重新赋值，声明的时候必须赋值（初始化）

小技巧： 不需要重新赋值的数据使用 const 来声明

# 2、let、const 和 var 对比

var — 以前的声明变量的方式，会有很多问题。
let — 现在实际开发变量声明方式。
const — 类似于 let ，但是变量的值无法被修改。

# 四、数据类型

# 1、数据类型

目标：能说出 JS 中基本数据类型有哪些

计算机世界中的万事万物都是数据。

计算机程序可以处理大量的数据，为什么要给数据分类？

更加充分和高效的利用内存
也更加方便程序员的使用数据

# 1.1 JS 数据类型整体分为两大类

基本数据类型
引用数据类型

# 1.2 基本数据类型 - 数字类型（Number）

即我们数学中学习到的数字，可以是整数、小数、正数、负数。

示例代码：

1 2	let age = 18; // 整数 let price = 88.88 // 小数

JavaScript 中的正数、负数、小数等统一称为数字类型。

注意事项：

JS 是弱数据类型，变量到底属于那种类型，只有赋值之后，我们才能确认
Java 是强数据类型例如 int a = 3 必须是整数

# 1.2.1 算术运算符

数字可以有很多操作，比如，乘法 * 、除法 / 、加法 + 、减法 - 等等，所以经常和算术运算符一起。数学运算符也叫 算术运算符 ，主要包括加、减、乘、除、取余（求模）。

+：求和
-：求差
*：求积
/：求商
%：取模（取余数）
- 开发中经常作为某个数字是否被整除

示例代码：

console.log(1 + 1)
console.log(1 * 1)
console.log(1 / 1)
console.log(4 % 2) // 求余数
console.log(5 % 3) // 求余数  2 
console.log(3 % 5) // 求余数  3

# 1.2.2 算术运算符执行的优先级

同时使用多个运算符编写程序时，会按着某种顺序先后执行，我们称为优先级。JavaScript 中优先级越高越先被执行， 优先级相同时以从左向右执行 。

乘、除、取余优先级相同
加、减优先级相同
乘、除、取余优先级大于加、减
使用 () 可以提升优先级
总结：先乘除后加减，有括号先算括号里面的～～～

计算下列运算结果：

1
2
3

console.log(1 + 2 * 3);
console.log(10 - 8 / 2);
console.log(2 % 5 + 4 * 2);

# 1.2.3 计算圆的面积

需求：对话框中输入圆的半径，算出圆的面积并显示到页面

分析：

①：面积的数学公式： π*r²

②：转换为 JavaScript 写法：变量 * r * r

# 1.2.4 NaN

NaN 代表一个计算错误。它是一个不正确的或者一个未定义的数学操作所得到的结果

示例代码：

1	console.log("老师" - 2); // NaN

NaN 是粘性的。任何对 NaN 的操作都会返回 NaN

示例代码：

1 2	console.log(NaN + 2); // NaN console.log(NaN - 2); // NaN

# 1.3 基本数据类型 - 字符串类型（string）

通过单引号（‘’）、双引号（""）或反引号 (`) 包裹的数据都叫字符串 ，单引号和双引号没有本质上的区别，推荐使用 单引号 。

示例代码：

let uname = "小明" // 使用单引号
let gender = "男" // 使用双引号
let goods = `小米` // 使用反引号
let tel = '13238605987' // 看上去是数字，但是引号包裹的就是字符串
let str = '' // 这种情况叫空字符串

注意事项：

无论单引号或是双引号必须成对使用
单引号 / 双引号可以互相嵌套，但是不以自已嵌套自已（口诀：外双内单，或者外单内双）
必要时可以使用转义符 \，输出单引号或双引号

# 1.3.1 字符串拼接

场景 ： + 运算符可以实现字符串的拼接。

口诀 ：数字相加，字符相连

示例代码：

document.write("我叫" + "彭于晏"); // 我叫彭于晏
let uname = "周杰伦";
let song = "青花瓷";
document.write(uname + song) // 周杰伦青花瓷

# 1.3.2 模板字符串

使用场景 ：

拼接字符串和变量
在没有它之前，要拼接变量比较麻烦

示例代码：

1	document.write("大家好，我叫" + name + ",今年" + age + "岁")

l 语法

``(反引号)，在英文输入模式下按键盘的 tab 键上方那个键（1 左边那个键），内容拼接变量时，用 ${ } 包住变量

示例代码：

1	document.write(`大家好，我叫${name},今年${age}岁`)

# 1.3.3 页面输出用户信息案例

需求：页面弹出对话框，输入名字和年龄，页面显示：大家好，我叫 xxx，今年 xx 岁了

# 1.4 基本数据类型 - 布尔类型（boolean）

表示肯定或否定时在计算机中对应的是布尔类型数据。

它有两个固定的值 true 和 false，表示肯定的数据用 true（真），表示否定的数据用 false（假）。

示例代码：

1 2	let isCool = true; console.log(isCool) // true

# 1.5 基本数据类型 - 未定义类型（undefined）

未定义是比较特殊的类型，只有一个值 undefined。

什么情况出现未定义类型？

只声明变量，不赋值的情况下 ，变量的默认值为 undefined，一般很少【直接】为某个变量赋值为 undefined。

示例代码：

1 2	let age; // 声明了变量，但是未赋值 document.write(age) // 输出 undefined

工作中的使用场景：

我们开发中经常声明一个变量，等待传送过来的数据。

如果我们不知道这个数据是否传递过来，此时我们可以通过检测这个变量是不是 undefined，就判断用户是否有数据传递过来

# 1.6 基本数据类型 - null（空类型）

JavaScript 中的 null 仅仅是一个代表 “无”、“空” 或 “值未知” 的特殊值

示例代码：

1 2	let obj = null; console.log(obj); // null

null 和 undefined 区别：

undefined 表示没有赋值
null 表示赋值了，但是内容为空

null 开发中的使用场景：

官方解释：把 null 作为尚未创建的对象

大白话：将来有个变量里面存放的是一个对象，但是对象还没创建好，可以先给个 null

# 2、检测数据类型

# 2.1 控制台输出语句

控制台语句经常用于 测试结果 来使用。
可以看出数字型和布尔型颜色为 蓝色 ，字符串和 undefined 颜色为 灰色

# 2.2 检测数据类型

通过 typeof 关键字检测数据类型

typeof 运算符可以返回被检测的数据类型。它支持两种语法形式：

作为运算符： typeof x （常用的写法）
函数形式： typeof (x)

换言之，有括号和没有括号，得到的结果是一样的，所以我们直接使用运算符的写法。

# 五、类型转换

# 1、为什么要进行类型转换

JavaScript 是弱数据类型： JavaScript 也不知道变量到底属于那种数据类型，只有赋值了才清楚。

坑：使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算。

示例代码：

1	console.log("10000" + "2000") // 100002000

此时需要转换变量的数据类型。通俗来说，就是把 一种数据类型的变量转换成我们需要的数据类型 。

# 2、隐式转换

某些运算符被执行时，系统内部自动将数据类型进行转换，这种转换称为隐式转换。

规则：

+ 号两边只要有一个是字符串，都会把另外一个转成字符串
除了 + 以外的算术运算符比如 - * / 等都会把数据转成数字类型

缺点： 转换类型不明确，靠经验才能总结

小技巧：

+ 号作为正号解析可以转换成数字型
任何数据和字符串相加结果都是字符串

# 3、显式转换

编写程序时过度依靠系统内部的隐式转换是不严禁的，因为隐式转换规律并不清晰，大多是靠经验总结的规律。为了避免因隐式转换带来的问题，通常根逻辑需要对数据进行显示转换。

概念： 自己写代码告诉系统该转成什么类型

转换为数字型：

Number (数据)
- 转成数字类型
- 如果字符串内容里有非数字，转换失败时结果为 NaN（Not a Number）即不是一个数字
- NaN 也是 number 类型的数据，代表非数字
parseInt (数据)
- 只保留整数
parseFloat (数据)
- 可以保留小数

转换为字符型：

String (数据)
变量.toString (进制)

# 4、练习

输入 2 个数，计算两者的和，打印到页面中

# 六、实战案例

需求：用户输入商品价格和商品数量，以及收货地址，可以自动打印订单信息

分析：

①：需要输入 3 个数据，所以需要 3 个变量来存储 price num address

②：需要计算总的价格 total

③：页面打印生成表格，里面填充数据即可

④：记得最好使用模板字符串

常见问题：

常见问题 1
<img src="./images/ 错误 1.png" style="width: 100%" />
 错误原因： const 声明的时候必须要赋值，进行初始化
常见问题 2
<img src="./images/ 错误 2.png" style="width: 100%" />
 错误原因：
1、提示 age 变量没有定义过
2、很可能 age 变量没有声明和赋值
3、或者我们输出变量名和声明的变量不一致引起的（简单说写错变量名了）
常见问题 3
<img src="./images/ 错误 3.png" style="width: 100%" />
 错误原因：
1、提示 “age” 已经声明
2、很大概率是因为重复声明了一个变量。
3、注意 let 或者 const 不允许多次声明同一个变量
常见问题 4
<img src="./images/ 错误 4.png" style="width: 100%" />
 错误原因： 常量被重新赋值了，因为常量不能被重新赋值
常见错误 5
<img src="./images/ 错误 5.png" style="width: 100%" />
 错误原因：
1、因为 prompt 获取过来的是字符型，所以会出现字符相加的问题
2、prompt 如果出现相加记得要转为数字型，可以利用 + 最简单

# JavaScript 基础第一天

# 今日目标

# 一、JavaScript 介绍

# 1、JavaScript 是什么

# 1.1 JavaScript（是什么？）

# 1.2 作用（做什么？）

# 1.3 JavaScript 的组成（有什么？）

# 总结

# 体验 JavaScript

# 2、JavaScript 书写位置

# 2.1 内部 JavaScript

# 2.2 外部 JavaScript

# 2.3 内联 JavaScript

# 总结

# 练习

# 3、JavaScript 注释

# 3.1 单行注释

# 3.2 块注释

# 4、JavaScript 的结束符

# 总结

# 5、输入和输出语法

# 5.1 什么是语法

# 5.2 输出语法

# 5.3 输入语法

# 输入和输入练习

# 5.4 JavaScript 代码执行顺序

# 6、字面量

# 二、变量

# 1、变量是什么

# 2、变量的基本使用

# 2.1 变量的声明

# 2.2 变量赋值

# 课堂变量练习

# 2.3 更新变量

# 2.4 声明多个变量

# 变量案例 - 弹出姓名

# 变量案例 - 交换变量的值

# 3、变量的本质

# 4、变量命名规则与规范

# 变量练习 - 输出用户信息

# 5、变量拓展 let 和 var 的区别

# 6、变量拓展 - 数组

# 6.1 数组

# 6.2 声明数组

# 6.3 数组取值

# 数组取值案例

# 数组相关术语

# 三、常量

# 1、常量的基本使用

# 2、let、const 和 var 对比

# 四、数据类型

# 1、数据类型

# 1.1 JS 数据类型整体分为两大类

# 1.2 基本数据类型 - 数字类型（Number）

# 1.2.1 算术运算符

# 1.2.2 算术运算符执行的优先级

# 1.2.3 计算圆的面积

# 1.2.4 NaN

# 1.3 基本数据类型 - 字符串类型（string）

# 1.3.1 字符串拼接

# 1.3.2 模板字符串

# 1.3.3 页面输出用户信息案例

# 1.4 基本数据类型 - 布尔类型（boolean）

# 1.5 基本数据类型 - 未定义类型（undefined）

# 1.6 基本数据类型 - null（空类型）

# 2、检测数据类型

# 2.1 控制台输出语句

# 2.2 检测数据类型

# 五、类型转换

# 1、为什么要进行类型转换

# 2、隐式转换

# 3、显式转换

# 4、练习

# 六、实战案例

JavaScript02

柏林噪声