JavaScript 编程基础

JavaScript 是Web上的一种功能强大的编程语言，用于开发交互式的Web页面。它不需要编译，而是直接嵌入在HTML页面中，把静态页面转变成支持用户交互并响应事件的动态页面。

一、JavaScript 的引入

在HTML文档中引入JavaScript有两种方式，一种是在HTML文档中直接嵌入JavaScript脚本，称为内嵌式；另一种是链接外部JavaScript脚本文件，称为外链式。

（1）内嵌式

在HTML文档中通过<script>标签及其相关属性可以引入JavaScript代码。当浏览器读取到<script>标签时，就解释执行其中的脚本，其基本语法格式如下：

<head><!--....--><script type="text/javascript">//此处为JavaScript代码</script>
</head>

该语法中，type属性是用来指定HTML文档引用的脚本语言类型，当type属性的值为**“text/javascript”**时，表示<script></script>元素包含的是JavaScript脚本。
双斜杠"//“在JavaScript中用于定义单行注释，另外，可以使用”/**/"来定义多行注释。

通常我们将<script></script>元素放在<head>和</head>之间，称为头脚本；但也可以将其放在<body>和</body>之间，称为体脚本。

（2）外链式

当脚本比较复杂或者同一段代码需要被多个网页文件使用时，可以将这些脚本代码放置在一个扩展名为**.js**的文件中，然后通过外链式引入该js文件。

在Web页面中使用外链式引入JavaScript文件的基本语法格式如下：

<script type="text/javascript" src="JS文件的路径"></script>

二、关键字

JavaScript关键字（Reserved Words），又被称为“保留字”，是指在JavaScript语言中被事先定义并赋予特殊含义的单词。但是，JavaScript关键字不能作为变量名和函数名使用，否则会使JavaScript在载入过程中出现编译错误。
--------JavaScript 关键字

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

三、变量

在程序运行期间，随时可能产生一些临时数据，应用程序会将这些数据保存在一些内存单元中。变量就是指程序中一个已经命名的存储单元，它的主要作用就是为数据操作提供存放信息的容器。

（1）变量的命名

在编程过程中，经常需要定义一些符号来标记某些名称，如函数名、变量名等，这些符号被称为标识符。在JavaScript中，标识符主要用来命名变量和函数。命名变量的时候注意以下几点：

必须以字母或下划线开头，中间可以是字母、数字、下划线。
变量名不能包含空格、加、减等符号。
不能使用JavaScript中的关键字作为变量名。
JavaScript的变量名严格区分大小写，如UserName和uername代表两个不同的变量

（2）变量的声明与赋值

在JavaScript中，使用变量前需要先对其进行声明。所有的JavaScript变量都由关键字var声明，语法格式如下：

var 变量名；

在声明变量的同时可以对其进行赋值，例如：

var abc=1;

如果只声明了变量，没有赋值，则其默认为undefined。声明变量时，需要遵循以下规则。

可以使用一个关键字同时声明多个变量需要用逗号“,”分隔变量名。例如：

var a,b,c;  //同时声明变量a,b,c三个变量

可以在声明变量时对其赋值，即初始化。例如：

var a=1,b=2,c=3;

var 语句可以用作for循环和for/in循环的一部分，使循环变量的声明成为循环语法自身的一部分，使用起来较为方便。
使用var语句多次声明同一个变量，如果该变量已经有初始值，则此时的声明相当于对变量重新赋值。
另外，由于JavaScript 采用弱类型的形式，因此可以不理会变量的数据类型，即可以把任意类型的数据赋值给变量。

var a=100;                  //数值类型
var str="是杜小白呀";     //字符串类型
var bue=true;              //布尔类型

四、prompt () 函数

prompt()方法是JavaScript中窗口window对象的一个常用方法，用于显示和提示用户输入信息的对话框，其语法格式如下：

window.prompt(提示信息字符串,默认输入值);

或如下：

prompt(提示信息字符串,默认输入值);

如果用户单击提示框中的取消按钮，则返回null。单击确认按钮，则返回输入字段当前显示的文本。

五、alert() 函数

alert()函数主要用于弹出警示对话框，通常用于对用户进行提示，其语法格式如下：

window.alert("Hello World!");

或如下：

alert("Hello World!");

alert()函数内的文本信息用于显示再警示对话框中，该对话框嗨包含一份“确认”按钮，单击该按钮可以关闭对话框。

六、console.log()函数

console.log()函数用于标准输出流的输出，即在控制台中显示输出结果。例如，在网页脚本中使用console.log(“Hello World!”);，加载时控制台就回自动显示如下图所示内容。

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>console.log(函数)</title><script type="text/javascript" src="js/jquery-3.4.1.js"></script><script type="text/javascript">console.log("Hello World!");</script></head><body></body>
</html>

Authors: 杜小白

文章内容借鉴于《HTML+CSS+JavaScript 网页制作案例教程》编著：传智播客