引入方式
1. 内部脚本
将代码定义在 HTML 页面里面。
- 将 JS 定义在
<script></script>之间 - 可以在 HTML 里面的任意位置放置任意数量的
<script></script> - 一般放置在
<body>元素的底部，改善显示速度
<script>
console.log('页面加载时执行');
function localFunction() {
return '内部函数';
}
</script>
2. 外部脚本
额外定义一个 .js 文件，引入到 HTML 里面。
- 只能包含 JS 文件，不包含
<script>标签
<script src="app.js"></script>
<script>标签不能自闭合
<script src="https://cdn.example.com/lib.js" integrity="sha384-xxx" crossorigin="anonymous"></script>
基本语法
1. 变量声明
JavaScript 提供了三种声明变量的方式：
- var：传统声明方式，存在变量提升，函数作用域。
- 全局变量，作用域较大；
- 可以重复定义
- let：ES6 引入，块级作用域，不存在变量提升，不允许重复声明。
- 局部定义，不能重复定义
- const：ES6 引入，块级作用域，声明常量，不可重新赋值（但对象或数组的内容可以修改）。
- 原始类型：Number、String、Boolean、Null、Undefined、Symbol（ES6）、BigInt（ES2020）。
- 引用类型：Object（包括数组、函数等）。
2. 数据类型
JavaScript 是动态类型语言，拥有以下几种基本数据类型和引用类型：
