JavaScript基础--基础语法
1.JavaScript四种引入方式
1.1 四种引入方式
1.内嵌方式
<script>JS代码</script>
2.外联方式
2-1.创建一个.js文件，在文件中写JS代码
2-2.通过script标签引入
<script src='./js文件'></script>
3.行内标签方式
<button onclick="js代码">你点我呀！</button>
4.协议方式
<a href="javascript: js代码"></a>1.2 JS引入方式规范
// 规范一：<script>标签放在页面的<head>标签中，一般用于外联方式
// 规范二：写在body结束标签前，一般用于内嵌方式【推荐】2.JS三种输出方式
1.网页文本输出
1-1.纯文本
document.write('纯文本')
1-2.html结构
document.write('<h1>文本内容</h1>')
2.警告框输出
alert('文本内容')
3.控制台输出【常用】
console.log('文本内容')3.变量
3.1 什么是变量？
在内存中进行运算后，发生变化的数据
3.2 三种JS声明变量的方式
// es5，老版本的代表
var a = 10
// es6，新版本的代表
let b = 20
const c = 30
3.3 var、let、const之间的区别
共同点：
1.都是声明变量的方式区别点：
1.es5声明变量的方式：
var声明的变量可以被重新声明，可以被修改
2.es6声明变量的方式：
let声明的变量不可以被重新声明，可以被修改
const声明的变量不可以被重新声明，不可以被修改4.标识符
4.1 标识符命名规范
1.以下划线_分割的命名方式，分隔命名法
user_name，right_box，一般用于文件命名
2.驼峰命名法【常用】
2-1.小驼峰命名法userName，一般以小驼峰命名变量
2-2.大驼峰命名法UserName，一般用来命名类，内置对象
4.2 标识符注意事项
1.标识符由 任意顺序的大小写字母、数字、下划线(_)和美元符号($)组成
2.标识符 不能以数字开头，不能用关键字，保留字段
3.要遵从语义化命名的方式5.数据类型
5.1 基本数据类型
1.Number 数字型
2.String 字符串型
3.Boolean 布尔型
4.Undefined 未定义型
5.Null 空类型
5.1.1 数字型
int整数 10、-10
float浮点数 0.5
无穷 Infinity
不是一个数字 NaN5.1.2 字符串型
// 1.双引号
let str = "字符串"
// 2.单引号
let str = '字符串'
// 3.反引号 es6模板字符串
let str = `字符串${变量名}`
5.1.3 布尔型
let a = true // 真
let b = false // 假5.1.4 未定义型
// 变量的值没有被定义，默认值为undefined
let a;5.1.5 空类型
// 主要用于引用数据类型表示为空
let a = null;6.类型转换
6.1什么是类型转换
将不同类型的数据转换为相同类型数据的过程
6.2 类型转换分类
强制类型转换--程序员手动进行
自动类型转换--JS根据程序环境，自动选择类型进行转换
6.3 强制类型转换
6.3.1 转换为数字
// 1.Number类型转换
// 1-1.parseInt()转换为整数，不保留小数部分【了解】
parseInt(变量名/需要被转换的数据)
// 1-2.parseFloat()转换为浮点数，保留有效的小数位，无效不保留【了解】
parseFloat(变量名/需要被转换的数据)
// 1-3.Number()，将变量转换为数字【掌握】
Number(变量名/需要被转换的数据)6.3.2 转换为布尔值
Boolean(变量名/需要被转换的数据)
0，NaN，''，undefined，null转换后false，其余都为true【重点】6.3.3 转换为字符串
String(变量名/需要被转换的数据)
6.4 自动类型转换
字符串跟其他数据类型相加，默认为字符串拼接
字符串相减时，字符串内容为纯数字时会进行自动类型转换，转换为数字，进行相减
推荐阅读：
扫描二维码，在手机上阅读