JavaScript
1. 概述
JavaScript负责页面中的的行为。为弱类型语言(变量的数据类型取决于值的数据类型)。它既可以作为前端脚本语言,也可以作为后端语言,取决于应用平台(浏览器/操作系统)和使用的框架(dom、jquery/http、mysql、file)
2.组成
一个完整的JavaScript应由:ECMAScript、DOM、BOM三部分组成
-
ECMAScript:是JavaScript的标准语法
ECMA (中文称欧洲计算机制造联合会):这个组织的目标是评估,开发和认可电信和计算机标准。是1961年成立的旨在建立统一的电脑操作格式标准–包括程序语言和输入输出的组织。
【lodash】是ECMAScript库 -
DOM(Document object model【文档对象模型】):是js操作html的api
API(Application Programming Interface,应用程序接口)是一些预先定义的函数,或指软件系统不同组成部分衔接的约定。目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问原码,或理解内部工作机制的细节。
【jQuery】是DOM库 -
BOM(Browser Object model【浏览器对象模型】):是js操作浏览器的api
alert()
:用于显示带有一条指定消息和一个 OK 按钮的警告框
prompt()
:用于显示可提示用户进行输入的对话框
confirm()
:用于显示一个带有指定消息和 OK 及取消按钮的对话框
setInterval()
:可按照指定的周期(以毫秒计)来调用函数或计算表达式
setTimeout()
:用于在指定的毫秒数后调用函数或计算表达式
XMLHttpReqeust对象:用于在后台与服务器交换数据
3.JavaScript解释器
浏览器 :dom操作,动画,表单校验,ajax异步交互
nodeJS:网络编程(http模块)数据库操作(mysql),io文件(file),iot(硬件编程)…
4.JavaScript和Java的对比
- JavaScript特点
(1) 解释型语言
js -> nodejs(js解释器)
(2) 弱类型语言
变量的数据类型取决于值的数据类型
var a ;
a = 2; // a的数据类型为number
a = true; // a的数据类型为boolean
(3) 顺序解释执行
(4) 既可以作为前端脚本语言,也可以作为后端语言,取决于应用平台(浏览器/操作系统)和使用的框架(dom、jquery/http、mysql、file)
- Java
(1)编译型语言
java -> .class -> jvm(java解释器)
(2)强类型语言
变量的数据类型取决于声明的数据类型
int a ;
a = 3;
a = 8;
数据类型:
- 无符号整数:char
- 有符号整数:byte、short、int、long
- 有符号小数:float、double
- 布尔类型、boolean
4. JS的编写的位置
- 可以编写到标签的指定属性中
<button onclick="alert('hello');">我是按钮</button>
<a href="javascript:alert('aaa');">超链接</a>
- 可以编写到script标签中
<script type="text/javascript">
//编写js代码
</script>
3.可以将代码编写到外部的js文件中,然后通过标签将其引入
<script type="text/javascript" src="文件路径"></script>
5. 输出语句
alert("要输出的内容");
该语句会在浏览器窗口中弹出一个警告框
document.write("要输出的内容");
该内容将会被写到body标签中,并在页面中显示
console.log("要输出的内容");
该内容会被写到开发者工具的控制台中
6. 基本的语法
- 注释
(1)单行注释://注释内容
(2)多行注释
/*
注释内容
*/
- JS严格区分大小写
- JS中每条语句以分号(;)结尾
- JS中会自动忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化。
7. 字面量和变量
-
字面量
(1)字面量实际上就是一些固定的值,比如 1 2 3 4 true false null NaN “hello”
(2)字面量都是不可以改变的。
(3)由于字面量不是很方便使用,所以在JS中很少直接使用字面量 -
变量
(1)变量可以用来保存字面量,并且可以保存任意的字面量
(2)一般都是通过变量来使用字面量,而不直接使用字面量,而且也可以通过变量来对字面量进行一个描述
(3)声明变量
使用var关键字来声明一个变量
var a;
、var b;
、var c;
(4)变量赋值
a = 1;
、b = 2;
、c = 3;
(5)声明和赋值同时进行
var d = 456;
、var e = 789;
8.标识符
- 在JS中所有的可以自主命名的内容,都可以认为是一个标识符,是标识符就应该遵守标识符的规范。
比如:变量名、函数名、属性名 - 规范:
1.标识符中可以含有字母、数字、_、$
2.标识符不能以数字开头
3.标识符不能是JS中的关键字和保留字
4.标识符一般采用驼峰命名法:xxxYyyZzz