初学入门 JS/JavaScript的有用知识点简单总结（一）

本文链接：https://blog.csdn.net/Eternity_matt/article/details/108295268

往期链接，前情回顾
1. 初学入门 html/css 的有用知识点简单总结（一）

2. 初学入门 html/css 的有用知识点简单总结（二）

3.               初学入门 html/css 的有用知识点简单总结（三）（css部分补充内容）

   ————————————————————————————————————————

第一部分 JS是什么类型的语言

JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
————————————————————————————————————————————————————
JavaScript的标准是ECMAScript 。截至 2012 年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6 或者ES6。
————————————————————————————————————————————————————
JS的特点——
       1.是一种解释性脚本语言（代码不进行预编译）。
       2.主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
       3.可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
       4.跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
       5.Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
       6.可以实现web页面的人机交互。

                                                                   废话不多说，开始下一块内容
————————————————————————————————————————————————————

第二部分初识JS

//JS
<body>
<script>
    alert("我的第一个 JavaScript");
</script>
</body>

这是一段简易的js代码段，js必须写在<script > 标签里。

1.JS的输出格式

使用 window.alert() 弹出警告框。 （可以简写为 alert() ）


<script>
window.alert(5 + 6);
</script>

使用 document.write() 方法将内容写到 HTML 文档中。

<script>
document.write(Date());
</script>

Date() 函数可以输出当前的标准时间

还可以将之前所学的html和JS连接起来，利用函数将button按钮和script连接起来

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<button onclick="myFunction()">点我</button >

<script>
function myFunction() {
    document.write(Date());
}
</script>

</body>
</html>

使用 innerHTML 写入到 HTML 元素。

使用 console.log() 写入到浏览器的控制台。

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

2. JavaScript 字面量

在编程语言中，一个字面量是一个常量，如 3.14。

（1），数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。

（2），字符串（String）字面量 可以使用单引号或双引号 :

（3），表达式字面量 用于计算：

（4），数组（Array）字面量 定义一个数组：

（5），对象（Object）字面量 定义一个对象：

（6），函数（Function）字面量 定义一个函数：

3.JavaScript 变量

在编程语言中，变量用于存储数据值。

JavaScript 使用关键字 var 来定义变量，使用等号来为变量赋值：

变量的三个提示信息：（划重点!）

变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）

提示：JavaScript 语句和 JavaScript 变量都对大小写敏感。

var length;
length = 6;
document.getElementById("demo").innerHTML = length;

！！！变量是一个名称。字面量是一个值。

4.JavaScript 操作符

（1）.JavaScript使用算术运算符来计算值:

运算符	描述
+	加
-	减
*	乘
/	除
%	求余数 (保留整数)
++	累加
--	递减

（2）.JavaScript使用赋值运算符用于给 JavaScript 变量赋值。

运算符	例子	等价于	结果
=	x=y		x=5
+=	x+=y	x=x+y	x=15
-=	x-=y	x=x-y	x=5
*=	x*=y	x=x*y	x=50
/=	x/=y	x=x/y	x=2
%=	x%=y	x=x%y	x=0

（3）.JavaScript使用比较运算符在逻辑语句中使用，以测定变量或值是否相等

运算符	描述	例子
==	等于	x==8 为 false
===	全等（值和类型）	x===5 为 true；x==="5" 为 false
!=	不等于	x!=8 为 true
>	大于	x>8 为 false
<	小于	x<8 为 true
>=	大于或等于	x>=8 为 false
<=	小于或等于	x<=8 为 true

（4）.逻辑运算符用于测定变量或值之间的逻辑。

运算符	描述	例子
&&	and	(x < 10 && y > 1) 为 true
\|\|	or	(x==5 \|\| y==5) 为 false
!	not	!(x==y) 为 true

5.JavaScript 标识符

和其他任何编程语言一样，JavaScript 保留了一些标识符为自己所用。

JavaScript 同样保留了一些关键字，这些关键字在当前的语言版本中并没有使用，但在以后 JavaScript 扩展中会用到。

JavaScript 标识符必须以字母、下划线（_）或美元符（$）开始。

后续的字符可以是字母、数字、下划线或美元符（数字是不允许作为首字符出现的，以便 JavaScript 可以轻易区分开标识符和数字）。

以下是 JavaScript 中最重要的保留字（按字母顺序）：

abstract	else	instanceof	super
boolean	enum	int	switch
break	export	interface	synchronized
byte	extends	let	this
case	false	long	throw
catch	final	native	throws
char	finally	new	transient
class	float	null	true
const	for	package	try
continue	function	private	typeof
debugger	goto	protected	var
default	if	public	void
delete	implements	return	volatile
do	import	short	while
double	in	static	with

6.JavaScript 注释

注释分两种

（1）.单行注释（使用 // 符号注释）

// 我是单行注释符

（2）.多行注释（使用 /* */ 符号注释）

/*

我是多行注释

*/

7.JavaScript 数据类型

JavaScript 有多种数据类型：数字，字符串，数组，对象等等：

var length = 16;                                  // Number 通过数字字面量赋值
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

8.JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时，请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

9.JavaScript 函数

JavaScript 语句可以写在函数内，函数可以重复引用：

引用一个函数 = 调用函数(执行函数内的语句)。

10.对代码行进行折行

可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示：

document.write("Hello \
World!");

错误的折行处理：

document.write \
("Hello World!");

11.分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾不添加分号。

（使用分号的用处是在一行中仅是为了编写多条语句。）

在 JavaScript 中，用分号来结束语句是可选的。

12.Value = undefined

在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。

在执行过以下语句后，变量 carname 的值将是 undefined：var carname;

13.Undefined 和 Null

Undefined 这个值表示变量不含有值。(未定义)

可以通过将变量的值设置为 null 来清空变量。（已定义）


var person;
var car="Volvo";
document.write(person + "<br />");
document.write(car + "<br />");
var car=null
document.write(car + "<br />");