内部JS，在HTML页面任何位置，定义，但是定义的位置会影响执行顺序
外部JS，在外部定义个 .js 文件，通过以下命令引入
<!-- 名字是自己定义的 -->
<script src="Learn.js"></script>
注意：上述的 JS 都得定义在 标签中
语法
var 变量名 = 初始化值;
注意
概述：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换
类型转换
比较运算符
| 类型相同：直接比较 | 字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止 |
|---|---|
| 类型不同：先进行类型转换，再比较 | ===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false |
分支结构
var 关键字在函数中
注意：以上写的只是和 Java 中有区别的一些特性，其他和Java中一致
概述：这个函数就是一个对象
创建函数格式
// 格式一
function 方法名称(形式参数列表){
方法体
}
// 格式二
var 方法名 = function(形式参数列表){
方法体
}
方法调用格式
// 实际参数列表，根据自己需要的个数填写
方法名称（实际参数列表）;
// 例如：下述调用的都是一个 add() 方法
add(1,2);
add(1,2,3);
add(true,1);
方法(函数)的特点
示例代码
<script>
/* 方法的定义：不写形参、不写返回值类型 */
function add(){
// 定义一个求和变量 sum
var sum = 0;
for(var i = 0; i < arguments.length; ++i){
sum += arguments[i];
}
return sum;
}
/* 方法的调用：只和方法名有关，实参自己随意写 */
var sum = add(1,2,3,4,5);
/* 弹出 */
alert(sum);
</script>
概述：这是一个数组对象
数组特点
创建数组格式
// 格式一
var arr = new Array(元素列表);
// 格式二
var arr = new Array(默认长度);
// 格式三
var arr = [元素列表];
常用方法和属性
| 方法和属性(带括号是方法，不带括号是属性) | 作用 |
|---|---|
| length | 计算数组的长度 |
| join(参数) | 将数组中的元素按照指定的分隔符拼接为字符串 |
| push() | 向数组的末尾添加一个或更多元素，并返回新的长度 |
示例代码
<script>
// 格式一：定义一个数组
alert("arr1数组：");
var arr1 = new Array(1,2,3,4);
for(var i = 0; i < arr1.length; ++i){
alert(arr1[i]);
}
alert("arr2数组：");
// 格式二：定义一个数组
var arr2 = new Array(2);
/* 数组末尾添加 */
let len = arr2.push(9,8);
/* 输出数组新的长度 4，前两个都是未定义 */
alert(len);
for(var i = 0; i < arr2.length; ++i){
alert(arr2[i]);
}
// 格式三：定义一个数组
alert("arr3数组：");
var arr3 = [1,true,'a','cd'];
let s = arr3.join("-");
alert(s);
</script>
概述：日期对象
创建格式
var date = new Date();
常用方法
| 方法 | 作用 |
|---|---|
| toLocalString() | 返回当前 date 对象对应的时间 本地字符串格式 |
| getTime() | 获取毫秒值，返回当前对象描述的时间到 1970.1.1 号零点的毫秒值差 |
示例代码
<script>
// 创建日期对象
var date = new Date();
// 调用方法
let time = date.toLocaleDateString();
// 弹出当前年月日
alert(time);
// 获取时间差
let time1 = date.getTime();
// 弹出毫秒差
alert(time1);
</script>
概述：正则表达式对象，定义字符串的组成规则
格式
正则对象创建格式
// 格式一
var reg = new RegExp("正则表达式");
// 格式二
var reg = /正则表达式/;
常用方法
| 方法 | 作用 |
|---|---|
| test(参数) | 验证指定的字符串是否符合正则定义的规范 |
示例代码
<script>
// 创建 正则表达式对象,规则是：匹配长度为 6到12 个字符的数字字母下划线
var reg = new RegExp("^\\w{6,12}$");
// var reg = /^\w{6,12}$/;
let a = reg.test("123_anc");
let b = reg.test("an");
alert(a);
alert(b);
</script>
概述：全局对象，Global 中封装的方法不需要对象就可以直接调用
调用格式
方法名();
常用方法
| 方法 | 作用 | 注意 |
|---|---|---|
| encodeURI() | url 编码 | |
| decodeURI() | url 解码 | |
| encodeURIComponent() | url 编码 | 编码的字符更多 |
| decodeURIComponent() | url 解码 | |
| parseInt() | 将字符串转为数字 | 逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为 number |
| isNaN() | 判断一个值是否是 NaN | NaN 六亲不认，连自己都不认，NaN参与的 == 比较全为 false |
| eval() | JavaScript字符串，并把它作为脚本代码来执行 | 并不太建议使用 |
示例代码
<script>
/* 将特殊字符转为相应的编码格式，空格转换为 %20 */
var url = "https://www.example.com/search?q=" + encodeURIComponent("JavaScript Tutorial");
alert(url);
/* 解码 */
let durl = decodeURIComponent(url);
alert(durl);
/* 转换为数字 */
var s = "123a4";
let number = parseInt(s);
alert(number);
/* 判断 */
var a = "abc";
let b = isNaN(a);
alert(b);
</script>