js_start
目录
js 基础
1 变量（Variable）
变量 是存储值的容器。要声明一个变量，先输入关键字 let 或 var，然后输入合适的名称：
let my_variable;
注意变量可以有不同的 数据类型 ：
- String
- Number
- Boolean
- Array
- Object
2 注释
/*
block comment
*/
// line comment
3 运算符
常用运算符, 完整列表请参阅表达式和运算符。
+-*/
=
===
!==
!
4 条件语句
let iceCream = "chocolate";
if (iceCream === "chocolate") {
alert("我最喜欢巧克力冰激淋了。");
} else {
alert("但是巧克力才是我的最爱呀……");
}
5 函数（Function）
函数 用来封装可复用的功能。如果没有函数，一段特定的操作过程用几次就要重复写几次，而使用函数则只需写下函数名和一些简短的信息。之前已经涉及过一些函数，比如：
let myVariable = document.querySelector("h1");
alert("hello!");
定义自己的函数
function multiply(num1, num2) {
let result = num1 * num2;
return result;
}
multiply(4, 7);
multiply(20, 20);
multiply(0.5, 3);
6 事件
事件能为网页添加真实的交互能力。它可以捕捉浏览器操作并运行一些代码做为响应。最简单的事件是点击事件，鼠标的点击操作会触发该事件。可尝试将下面的代码输入到控制台，然后点击页面的任意位置：
document.querySelector("html").addEventListener("click", function () {
alert("别戳我，我怕疼。");
});
将事件与元素绑定有许多方法。在这里选用了 元素，然后调用了它的 addEventListener() 方法，将事件名称（‘click’）以及其回调函数（当事件发生时，调用该函数）传入该函数中作为调用参数。
刚刚我们传递给 addEventListener() 的函数被称为匿名函数，因为它没有名字。匿名函数还有另一种我们称之为箭头函数的写法，箭头函数使用 () => 代替 function ()：
document.querySelector("html").addEventListener("click", () => {
alert("别戳我，我怕疼。");
});