1.1 JS的调用方式与执行顺序

使用方式

HTML页面中的任意位置加上即可。

常见的使用方式有以下几种“

  • 直接在标签内写JS代码。

  • 直接引入文件：

    <script type="module" src="/static/js/index.js"></scipt>。

  • 将所需的代码通过import关键字引入到当前作用域。

例如：

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

let name="cxk";

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

export{
	name,
	print
}

<script type="module"></script>中的内容为：

<script type="module">
	import {name, print } from "/static/js/injdex.js";
	
	console.log(name);
	print();
</script>

执行顺序

  1. 类似于HTML与CSS按从上到下的顺序执行；
  2. 事件驱动执行；

HTML，CSS，JavaScript三者之间的关系

  1. CSS控制HTML
  2. Javascript控制CSS与HTML
  3. 为了方便开发与维护，尽量按照上述顺序写代码。例如：不要在HTML中调用JavaScript的函数。

变量与运算符

let与const

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

  • let用来定义变量；
  • const用来定义常量；

例如：

let s = "cxk", x = 5;

let d = n{
	name: "xiuaoheizi",
	age: 18,
}

const n = 100;

变量类型

  • number：数值变量，例如1,2.5
  • string：字符串，例如cxk，xiaoheizi，单引号与双引号均可。字符串中的每个字符为只读类型。
  • boolean：布尔值，例如true,false
  • object：对象，类似于C++中的指针，例如[1,2,3]，{name:"cxk",age:18}，null
  • undefined：未定义的变量

类似于Python，JavaScript中的变量类型可以动态变化。

运算符

与C++、``Python`类似，不同点：

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