引入方式
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 是动态类型语言,拥有以下几种基本数据类型和引用类型:

