概述
- 编程语言：需要编译才能运行。例如：java，C
- 脚本语言：不需要编译，直接被解析并执行。例如：JavaScript，shell
- JavaScript组成：
- ECMAScript：定义了一些语法和基本对象
- BOM
- DOM
入门
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>快速入门</title>
</head>
<body>
<button id="b1">按钮</button>
<script>
let butObj = document.getElementById("b1");
//绑定事件
butObj.onclick = function() {
alert("我弹")
}
</script>
</body>
</html>
引入方式
- 在html页面中添加script标签，在该标签中书写js代码
<script>
let butObj = document.getElementById("b1");
//绑定事件
butObj.onclick = function () {
alert("我弹")
}
</script>
- 创建js文件，里面书写js代码
let butObj = document.getElementById("b1");
//绑定事件
butObj.onclick = function() {
alert("我弹")
}
在html页面引入该js文件
<script src="js文件的路径"></script>
注意：
1.script标签不能是自闭和标签
引入外部js文件的script标签不能再写js代码
输出语句
- alert("") --> 以弹窗的形式输出
- console.log("") --> 输出到控制台
- document.write("") --> 输出到页面
变量和常量
js是弱类型语言；
变量：
let 变量名;
let 变量名 = 值;
常量：
const 常量名 = 值;
数据类型
- 原始数据类型（基本数据类型）
- Boolean
- string
- number
- null
- undefined
- 扩展数据类型（引用数据类型）
数组
创建数组
- 静态初始化
let 数组名 = [元素1, 元素2,...];
- 动态初始化
let 数组名 = new Array();
特点
- 可以存储任何类型的数据
- 长度可以发生变化
使用数组中的元素
数组名[索引]
eg：
let arr = ["张三", "李四"];
//遍历
for (let i = 0; i < arr.length; i++) {
document.write(arr[i] + "<br>");
}
函数（方法）
定义格式
function 函数名 (参数列表) {
函数体;
return 返回值;
}
注意
1.不需要书写返回值类型，如果有返回值，使用return带回
2.参数列表不需要书写类型
调用
函数名(实际参数);
let 变量 = 函数名(实际参数);
问题
Q：函数有没有重载？
A：js中没有函数重载，只有函数覆盖。在调用方法时可以传递一个参数，也可以传递多个
Q：返回值？
A：调用方法时使用变量接收返回值，如果没有返回值，该变量的值为undefined
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
