概念
- 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎
- 脚本语言:不需要编译,直接就可以被浏览器解析执行了
功能
可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验。
JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)
ECMAScript:客户端脚本语言的标准
基本语法
1. 数据类型
原始数据类型:
1. number:数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
2. string:字符串。 字符串 "abc" "a" 'abc' 没有字符的概念
3. boolean: true和false
4. null:一个对象为空的占位符
5. undefined:未定义。如果一个变量没有给初始化值,则会被默认赋值为undefined
引用数据类型:对象
-
变量
变量:一小块存储数据的内存空间
Java语言是强类型语言,而JavaScript是弱类型语言。
* 强类型:在开辟变量存储空间时,定义了空间将来存储的数据 的数据类型。只能存储固定类型的数据
* 弱类型:在开辟变量存储空间时,不定义空间将来的存储数据 类型,可以存放任意类型的数据。
语法:
* var 变量名 = 初始化值;
* typeof运算符:获取变量的类型。
* 注:null运算后得到的是object -
运算符
-
一元运算符:只有一个运算数的运算符
++ --: 自增(自减)
* ++(–) 在前,先自增(自减),再运算
* ++(–) 在后,先运算,再自增(自减)
* +(-):正负号
注意:在JS中,如果运算数(赋的值)不是运算符(自己定义得运算符类型)所要求的类型,那么js引擎会自动的将运算数进行类型转换 -
算数运算符 + - * / %
-
赋值运算符 = += -+
-
比较运算符 > < >= <= == ===(全等于)
-
比较方式
1. 类型相同:直接比较
* 字符串:按照字典顺序比较。按位逐一比较,直到得出大小为止。
2. 类型不同:先进行类型转换,再比较
* ===:全等于。在比较之前,先判断类型,如果类型不一样,则直接返回false -
逻辑运算符
&& || !
* 其他类型转boolean:
1. number:0或NaN为假,其他为真
2. string:除了空字符串(""),其他都是true
3. null&undefined:都是fal se
4. 对象:所有对象都为true
java的写法 if(obj != null) 防止空指针异常 js 写法 if(obj) -
三元运算符
? : 表达式
var a = 3;
var b = 4;
var c = a > b ? 1:0;
* 语法:
* 表达式? 值1:值2;
* 判断表达式的值,如果是true则取值1,如果是false则取值2;
-
特殊语句
var 变量的定义使用var关键字 可以使用 也可以不适用(不建议)
用:定义的变量是局部变量
不用:定义的变量是全局变量 -
流程控制语句
1. if…else…
2. switch:
* 在java中,switch语句可以接受的数据类型: byte int shor char,枚举(1.5) ,String(1.7)
* switch(变量):
case 值:
* 在JS中,switch语句可以接受任意的原始数据类型
3. while
4. do…while
5. for
基本对象
Function:函数(方法)对象 java中方法是对象的一部分,js中方法或者函数就是对象
-
创建
function 方法名称(形式参数列表){ 方法体 } var 方法名 = function(形式参数列表){ 方法体 }
-
属性
length:代表形参的个数 -
特点
- 方法定义是,形参的类型不用写,返回值类型也不写。
2. 方法是一个对象,如果定义名称相同的方法,最后定义的会覆盖前面定义的
3. 在JS中,方法的调用只与方法的名称有关,和参数列表多少无关 方法有两个
4. 在方法声明中有一个隐藏的内置对象(数组),arguments,封装所有的实际参数 相当于java中无大小定义的数组
- 方法定义是,形参的类型不用写,返回值类型也不写。
-
调用
方法名称(实际参数列表);
Array 数组对象 -
创建
1. var arr = new Array(元素列表);
2. var arr = new Array(默认长度);
3. var arr = [元素列表]; -
方法
join(参数):将数组中的元素按照指定的分隔符拼接为字符串
push() 向数组的末尾添加一个或更多元素,并返回新的长度。 -
属性
length:数组的长度 -
特点
1. JS中,数组元素的类型可变的。
2. JS中,数组长度可变的。
Date 日期对象 -
创建
var date = new Date(); -
方法
toLocaleString():返回当前date对象对应的时间本地字符串格式
getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差
Math 数学对象
- 创建
特点:Math对象不用创建,直接使用。 Math.方法名(); - 方法
random():返回 0 ~ 1 之间的随机数。 含0不含1
ceil(x):对数进行上舍入。天花板
floor(x):对数进行下舍入。地板
round(x):把数四舍五入为最接近的整数。