前端JavaScript入门到精通，javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS基础（一）

ﻌﻌﻌﻌ♡‎ﻌﻌﻌﻌ♡‎‎ﻌﻌﻌﻌ♡‎ﻌﻌﻌﻌ♡ﻌﻌﻌﻌ♡‎ﻌﻌﻌﻌ♡‎‎ﻌﻌﻌﻌ♡‎ﻌﻌﻌﻌ♡ﻌﻌﻌﻌ♡‎ﻌﻌﻌﻌ♡‎‎ﻌﻌﻌﻌ♡‎ﻌﻌﻌﻌ♡ﻌﻌﻌﻌ♡‎ﻌﻌﻌﻌ♡‎‎ﻌﻌﻌﻌ♡‎ﻌﻌﻌﻌ♡ﻌﻌﻌﻌ

                每个人的内心都有一则好消息

                好消息是你不知道自己能有多厉害！

                你能有多爱这个世界！

                你能到达什么成就！

                你的潜力有多少！

——安妮弗兰克                         

思维导图

一、JavaScript介绍

1.1 JavaScript 是什么

体验JS代码：

  
  
  
  
  



  按钮1
  按钮2
  按钮3
  按钮4
  

效果：点击按钮，按钮唯一高亮

1.2 JavaScript 书写位置

（1）内部 JavaScript

代码：

效果：

（2）外部 JavaScript

js文件位置：

代码：

（3）内联 JavaScript

总结

练习

1.3 JavaScript 的注释

1.4 JavaScript的结束符

1.5 输入和输出语法

输出语法

输入语法

 练习

JavaScript 代码执行顺序

实操代码

效果：

进入页面先弹出提示框

点击确定后页面再渲染、控制台打印

1.6 字面量

二、变量

2.1 变量是什么？

2.2 变量基本使用☆

（1）声明变量

（2）变量赋值

赋值运算符

变量初始化

总结

实践代码：

效果：

练习

（3）更新变量

实操代码：

效果：

（4）声明多个变量

 练习

代码：

效果：

2.3 变量的本质

2.4 变量命名规则与规范

不能以关键字命名变量

严格区分大小写

练习代码：

二. 变量拓展-let和var的区别

先使用，再声明

声明过的变量可以重复声明

let不允许声明前使用

也不允许重复声明

二. 变量拓展-数组

1.1 数组的基本使用

练习：

 术语：

数组实操代码：

效果：

三、常量

常量不允许再次赋值（不会改变）

常量声明的时候必须赋值

四、数据类型☆

4.1 数据类型 – 数字类型（Number）

效果：

4.1 数据类型 – 字符串类型（string）

4.1 数据类型 – 布尔类型（boolean）

4.2 检测数据类型

五、类型转换

5.1 为什么需要类型转换

5.2 隐式转换

5.3 显式转换

转换为数字型

代码（隐式转换）：

综合案例

  
  
  
  
  



  
订单确认


  

六、常见错误