Js基础知识01-Wenn's Publish

html添加Js

内联

内联脚本如同css行内样式一般写在主要作用对象上

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>30DaysOfScript:Inline Script</title>
  </head>
  <body>
    <button onclick="alert('Welcome to 30DaysOfJavaScript!')">Click Me</button>
  </body>
</html>

内部

内部脚本一般写在head或者body标签中

<!DOCTYPE html>
<html lang="en">
	<head>
		<title>30DaysOfScript:Internal Script</title>
<!-- <script>
      console.log('Welcome to 30DaysOfJavaScript')
    </script> 
-->
	</head>
	<body>
		<script>
			console.log('Hello,world!');
		</script>
	</body>
</html>
  

外部引用

外部引用可以写在head或者body标签中

头部

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>30DaysOfJavaScript:External script</title>
    <script src="introduction.js"></script>
  </head>
  <body></body>
</html>

正文

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>30DaysOfJavaScript:External script</title>
  </head>
  <body>
    <!-- JavaScript external link could be in the header or in the body --> 
    <!-- Before the closing tag of the body is the recommended place to put the external JavaScript script -->
    <script src="introduction.js"></script>
  </body>
</html>

引用多个脚本

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Multiple External Scripts</title>
  </head>
  <body>
    <script src="./helloworld.js"></script>
    <script src="./introduction.js"></script>
  </body>
</html>

需要注意的是，主要的main.js文件应该位于所有其他脚本之下!

数据类型

数字（整数，浮点数）
- 整数：整数（负、零和正）数示例：… -3, -2, -1, 0, 1, 2, 3 …
- 浮点数：十进制数示例 … -3.5, -2.25, -1.0, 0.0, 1.1, 2.2, 3.5 …
字符串

所有使用英文单引号，双引号，反引号所包含的为字符串
```
'1',"a","555.55",`555+aaa`
```
布尔值

布尔值是True或False，任何比较都会返回一个布尔值

undefined

let nums;
console.log(nums); //此时控制台输出undefined,未定义

null

let nums = null;
console.log(nums); //此时控制台输出null；空值

Symbol

表示独一无二的值，具有唯一性，可以解决属性名冲突的问题，作为标记；

切记：不支持for…in和Object.keys()，但是可以使用Reflect.ownKeys来获取对象的所有键名
Object

对象类型，是一种复杂数据类型

注释

Js注释一般使用多行注释或者单行注释
//单行注释
/*多行注释*/

变量

变量是数据的容器。变量用于将数据存储在内存位置。声明变量时，会保留一个内存位置。当一个变量被赋值给一个值（数据）时，内存空间将被该数据填充。要声明变量，我们使用var、let或const关键字。

有效的 JavaScript 变量名必须遵循以下规则：

JavaScript 变量名不应以数字开头。
JavaScript 变量名不允许使用除美元符号和下划线以外的特殊字符。
JavaScript 变量名遵循驼峰命名法。
JavaScript 变量名在单词之间不应有空格。

var nums = [];
let num = 2; //声明一个变量num，并且将2赋值给它，后面可以将其他值重新给num
const Hi = 'Hello,world!'; //声明一个常量，后面不可变，一旦声明，HI的值永远为Hell，world!

例：

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<script>
			//单行注释。声明一个num变量
			let num = 0;
			console.log(num); //控制台输出num的值
			/*         这是一个多行注释，
        以下代码主要为声明一个数组，
        并且输出这个数组 */
			const nums = [1, 2, 3, 4, 5];
			console.log(nums);

			let str = '字符串';
			let bool = true; //or false，布尔值
			let find; //undefined 未定义
			let nullValue = null; //空值

			console.log(typeof str);
			console.log(typeof bool);
			console.log(typeof find);
			console.log(typeof nullValue);

			let a, b, c, d;
			a = 1;
			b = 2;
			c = 3;
			d = 4;
			console.log(a, b, c, d);

			let myAge = 'I am 25 years old.';
			let yourAge = 'You are 30 years old.';
		</script>
	</body>
</html>

以下为控制台打印输出内容

0
(5) [1, 2, 3, 4, 5]
string
boolean
undefined
object
1 2 3 4
I am 25 years old.
You are 30 years old.