第四章 JavaScript基础语法 v1.0
第一部分 JavaScript基本使用
一、使用JavaScript
1.行内脚本
写在HTML文件的任意位置,基本语法:<script></script>
2.外部脚本(js文件)
- 在HTML中引入外部脚本基本语法:
<script src="..."></script> - 在JavaScript文件中引入外部脚本基本语法:
- 使用JavaScript动态引入外部脚本基本语法:
3.行内脚本
二、变量与函数
1.变量的创建
a.var关键字
最常用也是最早期的创建变量的方式,声明的变量作用域为其函数内部
基本语法:var variate1=...;
可以使用一条语句创建多个变量:var variate1=..., variate2=..., ...;
注意:若变量在函数内没有声明,或在函数外声明定义,则该变量为全局变量
b.let关键字
S6 (ECMAScript 2015) 中引入的新关键字,let关键字声明的变量的作用域是在声明它的块(如{})内部
c.const关键字
S6 (ECMAScript 2015) 中引入的新关键字,声明的变量也是块级的,且不可更改
2.变量类型
| 数据类型 | 介绍 |
|---|---|
| undefined | 未定义 |
| Number | 数字 |
| String | 字符串 |
| Boolean | 布尔型(true|false) |
| Null | 空 |
| Undefined | 具有唯一值undefined,表示未定义的值 |
| Symbol | 符号 |
| Object | 对象 |
| Array | 数组 |
| Function | 函数 |
其中:
- undefined变量进行运算操作时,算出来的结果为NaN("Not a Number")
- undefined变量进行字符串拼接操作时,它会输出字符串"undefined"。
3.数组
创建数组:var arr = new Array();
创建并初始化数组:var arr = ["a", "b", ...];
| 方法 | 作用 |
|---|---|
| join(c) | 将数组中的所有元素通过指定的分隔符拼接为一个字符串并返回 |
| reverse() | 倒置数组中元素的顺序 |
| sort() | 对数组中的元素进行排序 |
| concat(arr1,arr2,...) | 连接两个或多个数组 |
| slice(start[,end]) | 从某个已有的数组返回选定的多个元素 |
| splice(start,num[,e1,...]) | 从start开始删除num个元素,并在删除位置向数组添加新元素 |
| push(e1,...) | 向数组的末尾添加一个或更多元素,返回新的长度 |
| pop() | 删除并返回数组的最后一个元素 |
| unshift() | 向数组的开头添加一个或更多元素,返回新的长度 |
| shift() | 删除并返回数组第一个元素 |
4.对象(类似json格式)
如:map={"name":"hymsk", "age":18};
取值:map["name"]或map.name
5.函数
创建函数的基本语法:function funcName(){};
三、基本语法
1.调试相关
- 控制台打印:使用Console窗口调试,基本语法:
console.log("..."); - 弹出窗口:弹出提醒窗口,基本语法:
alert("...");
2.流程控制语句
基本类似Java