Skip to content

第四章 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.调试相关 ​

  1. 控制台打印:使用Console窗口调试,基本语法:console.log("...");
  2. 弹出窗口:弹出提醒窗口,基本语法:alert("...");

2.流程控制语句 ​

基本类似Java

四、文档对象(document) ​

第二部分 常见类与相关语法 ​

一、日期类(Date) ​