从上文我们知道了什么是HTML?那什么是Javascript呢?Javascript简称JS,是运行在浏览器上的解译型
脚本语言,支持面向对象
、函数式
编程等,其中我们最为熟悉的编程框架如Vue
、React
、Angular
最后都是编译成原生Javascript运行的。
下面让我们看一段Javascript代码:
<html>
<head>
<title>认识Javascript</title>
</head>
<body>
<script>
var a = 1;
var b = 2;
function test() { // 这是一个函数
var c = 3
return a + b + c;
}
console.log(test());
alert(a + b);
</script>
</body>
</html>
PS: <script />
标签的声明可以在<head />
中声明,也可以在<body />
中声明,javascript代码可以写在js文件中,通过<script />
标签引入,或直接写在<script />
标签内。
var
表示声明一个变量,变量名为a
,并给变量a
赋值为数值1
,;
表示一个结尾。如果需要用var
声明多个变量,中间可使用,
分开,如:var a = 1, b = 2
。function
表示声明一个函数,其中函数名为test
,这里是无参函数
。如果需要传入参数,则声明可为function test(a, b = 2){}
,()
内为传入的参数,如果需要赋默认值,则直接用=
给其赋值即可。test
中声明一个变量为c
,其值为3
,变量c
只可在函数test
中使用,不可在test
外使用。console
用于 JavaScript 调试,是浏览器提供的内置对象,可通过F12
,打开浏览器开发者工具
,在其控制台
中查看打印结果。常用的函数为console.log(输出信息)
、console.info(console.log别名,输出信息)
、console.error(输入错误信息)
。另外console
还可使用占位符
打印信息,如console.log("%d年%d月%d日",2021,09,22);
,输出2021年09月22日
。alert
为javascript中window
对象中的内置函数,用于弹出一个模态对话框,显示提示信息,会阻断代码的运行。alert可以是一个数字、字符串等,也可以是一对运算代码。
注释
- 当前行注释使用
//
。 - 多行注释可以使用
/* xxx */
,可以换行显示。
var a = 1 // 这是一个单行注释
var b = 2 /* 这是一个多行注释 */
/**
* test 函数,参数为a 和 b
*/
function test(a, b = 2) {
return a + b
}
代码执行顺序
Javascript 代码在运行时, 会分为两大部分: 检查装载阶段
和 执行阶段
:
- 检查装载阶段: 会先检查代码的语法错误, 进行变量、函数的声明;
- 执行阶段: 变量的赋值、函数的调用等, 都属于执行阶段;