什么是JavaScript
JavaScript简称为JS,是一种运行在客户端的脚本语言。JavaScript的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
1.JavaScript的组成
JavaScript由ECMAScript、BOM和DOM组成
ECMAScript - JavaScript的核心
定义了JavaScript的语法规范。JavaScript的核心,描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关
BOM - 浏览器对象模型
一套操作浏览器功能的API。通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等
DOM - 文档对象模型
一套操作页面元素的API。DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作
2.在网页中引入JavaScript的方式
1.内部JS文件
<body>
<script>
alert('Hello World!');
</script>
</body>
直接使用<script>
标签将JavaScript插入到HTML文档中,可以写在任意位置。最常用,适用于网页JavaScript代码少的情况。
2.使用外部JavaScript文件
<script src="main.js"></script>
外部JavaScript文件是将JavaScript代码写入以*,js为扩展名的文件中,然后将文件路径指定给<script>
标签的src属性。引用外部js文件的script标签中不可以写JavaScript代码
3.写在HTML标签中
<input type="button" value="按钮" onclick="alert('Hello World')" />
直接写在标签中适合极少代码的情况,这种方式增加了HTML的代码,因此很少使用。
JavaScript核心语法
1.变量
- 什么是变量
变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据。 - 为什么使用变量
使用变量可以方便的获取或者修改内存中的数据 - JavaScript中的变量
在JavaScript中,变量使用var
关键字声明 - 变量的使用
var x = 10 //声明变量并赋值
2.数据类型
-
弱类型自动推断类型
数字(number)
字符串 (string)
布尔型 (boolean) -
null是有值但为空,undefined是只是被申明,未赋值
空(null)
未定义( undefined)
3.数组
- 创建数组
var array = new Array();
- 为数组赋值
var array = [123,345]
4.函数
什么是函数
把一段相对独立的具有特定功能的代码块封装起来,形成一个独立实体,就是函数,起个名字(函数名),在后续开发中可以反复调用。函数的作用就是封装一段代码,将来可以重复使用。
函数的定义
-
函数声明
function 函数名(){ // 函数体 }
-
函数表达式
var fn = function() { // 函数体 }
-
特点
函数体只有在调用的时候才会执行,调用需要()进行调用。可以调用多次(重复使用)
函数的返回值
当函数执行完的时候,并不是所有时候都要把结果打印。我们期望函数给我一些反馈(比如计算的结果返回进行后续的运算),这个时候可以让函数返回一些东西。也就是返回值。函数通过return返回一个返回值
返回值语法:
//声明一个带返回值的函数
function 函数名(形参1, 形参2, 形参...){
//函数体
return 返回值;
}
//可以通过变量来接收这个返回值
var 变量 = 函数名(实参1, 实参2, 实参3);
函数的调用结果就是返回值,因此我们可以直接对函数调用结果进行操作。
返回值详解:
如果函数没有显示的使用 return语句 ,那么函数有默认的返回值:undefined
如果函数使用 return语句,那么跟再return后面的值,就成了函数的返回值
如果函数使用 return语句,但是return后面没有任何值,那么函数的返回值也是:undefined
函数使用return语句后,这个函数会在执行完 return 语句之后停止并立即退出,也就是说return后面的所有其他代码都不会再执行。