这是我参与「第四届青训营 」笔记创作活动的的第3天

JavaScript

使用方式 HTML页面中的任意位置加上<script type="module"></script>标签即可。

常见使用方式有以下几种：

直接在<script type="module"></script>标签内写JS代码。 直接引入文件：<script type="module" src="/static/js/index.js"></script>。 将所需的代码通过import关键字引入到当前作用域。 例如：

/static/js/index.js`文件中的内容为：

`let name = "acwing";

function print() {
    console.log("Hello World!");
}

export {
    name,
    print
}
<script type="module"></script>中的内容为：

<script type="module">
    import { name, print } from "/static/js/index.js";

    console.log(name);
    print();
</script>

执行顺序 类似于HTML与CSS，按从上到下的顺序执行； 事件驱动执行； HTML, CSS, JavaScript三者之间的关系 CSS控制HTML JavaScript控制HTML与CSS 为了方便开发与维护，尽量按照上述顺序写代码。例如：不要在HTML中调用JavaScript中的函数。

---

let与const 用来声明变量，作用范围为当前作用域。

let用来定义变量； const用来定义常量； 例如：

let s = "acwing", x = 5;

let d = {
    name: "yxc",
    age: 18,
}

const n = 100; 变量类型 number：数值变量，例如1, 2.5 string：字符串，例如"acwing", 'yxc'，单引号与双引号均可。字符串中的每个字符为只读类型。 boolean：布尔值，例如true, false object：对象，类似于C++中的指针，例如[1, 2, 3]，{name: "yxc", age: 18}，null undefined：未定义的变量 类似于Python，JavaScript中的变量类型可以动态变化。

运算符 与C++、Python、Java类似，不同点：

**表示乘方 等于与不等于用===和!==

---

for循环
for (let i = 0; i < 10; i++) {
    console.log(i);
}

枚举对象或数组时可以使用：

for-in循环，可以枚举数组中的下标，以及对象中的key for-of循环，可以枚举数组中的值，以及对象中的value

while循环
let i = 0;
while (i < 10) {
    console.log(i);
    i++;
}

do while循环 do while语句与while语句非常相似。唯一的区别是，do while语句限制性循环体后检查条件。不管条件的值如何，我们都要至少执行一次循环。

let i = 0;
do {
    console.log(i);
    i++;
} while (i < 10);