ECMAScript是JavaScript的核心,规定了JS的语法规范
ECMAScript
常量
12 // 整数类型常量 1.2 // 浮点数类型常量 "hello world" // 字符串类型常量 'Hi' // 字符串类型常量 true // 布尔类型常量 false // 布尔类型常量 /^[a-z]{3,5}$/ // 正则表达式 这里的正则表达式表示规则和JAVA中不同,是利用两个 斜杠作为界限,而且需要前面和后面加上一个^和$ null // 空 { x:1, y:2 } // javascript中的对象 json格式:{key1:obj1,......} [1,2,3,4,5] // javascript中的数组 |
变量
(1)定义
JS是弱类型语言,定义变量时,统一使用var关键字.
语法
var 变量名 = 值; |
(2)命名规则
- 必须以字母或下划线开头,中间可以是数字、字符或下划线。
- 变量名不能包含空格等符号。
- 不能使用JavaScript关键字作为变量名,如:function、this、class等。
- JavaScript严格区分大小写。 建议使用小写开头。
函数
JavaScript 使用关键字 function 定义函数。函数可以通过声明定义,也可以是一个表达式。
因为JS中的所有变量都是由var定义的,所以所有返回值都一样,所以函数定义的时候可以不写返回值类型,如果有返回值编写者直接进行接受就可以了。
(1)函数的声明
无参无返回值函数 function fun(){ alert(111); }
有参无返回值函数 function add(x,y){ alert(x+y); }
有参有返回值函数 function add2(x,y){ return x+y; } |
(2)函数的调用
fun(); add(1,2); var result = add2(1,2); |
(3)函数表达式
var x = function([参数,.....]){函数体代码} var x = function (a, b) {return a * b}; var result = x(1,2); //在函数表达式存储在变量后,变量也可作为一个函数使用 |
数据类型
(1)数据类型列举
- Numbers 数字类型
- Strings 字符串类型
- Booleans 布尔类型
- Null 空
- Undefined 未定义类型
- Objects 对象类型
- Arrays 数组类型
- Date 日期类型
(2)Number数据类型
var x = 10 //整数 var x = 017 //八进制 var x = 0x16 //十六进制 var x = 3.14 //浮点数 var x = .33 //浮点数 |
类似上面这样定义一个数,输出的时候可以全部转化为10进制输出,最后一个浮点数类型也会转化为完整浮点数
而且,JS中的浮点数运算也是不精确的。
(3)String字符串
在JavaScript中没有字符类型。字符串可以使用双引号,也可以使用单引号。
常用函数:
charAt //获取字符串某个位置的字符 concat //连接字符串 indexOf // 查找指定字符串在字符串中第一次出现的索引位置 lastIndexOf //倒叙查找指定字符串在字符串中第一次出现的索引位置 match //用来匹配正则表达式(查找符合规则的子串) replace //替换字符串 split //分割字符串(结果是一个数组) substring //截取子串 toLowerCase //转小写 toUpperCase //转大写 |
(4)Boolean类型
在做条件判断的逻辑运算时,其他数据类型可以自动转型为布尔类型。转型规则如下:
Number 非0 为true 0 为false String 非空串 为true 空串为false ("" '') null false undefined false Object 不是null为true 是null为false Arrays 不是null为true 是null为false |
(5)Object类型
定义方式
var 对象名={ 属性1:值, 属性2:值, ... 函数名:function(){ } } |
示例代码
var user = { id:1, name:'王五', age:20, sayHello:function(){ alert("你好!!!"); }, mutiply:function(a,b){ return a*b; } };
alert(user.id+"\t"+user.name+"\t"+user.age); user.sayHello(); alert(user.mutiply(2,3)); |
(6)Array数组类型
JS中的数组是动态数组。由于JS本身是一个弱类型的语言,数组中也可以同时存储多种类型的数据
var aa1 = [1,3,9,10]; var aa2 = [4,6,"abc","ccc",{x:1,y:2}]; |
使用下标访问数组元素
alert(aa1[0]); alert(aa1[1]); ... alert(aa1[4]); aa1[5] = 100; alert(aa1[5]); |
其他定义方式
var arr = new Array(10,11,68) // 由 10 11 68 组成的数组 var arr = new Array(10) //10个长度的数组,数组中还没有赋值 var arr = new Array('aaa','ccc','bbb'); |
数组操作的函数
length //属性,获取数组长度 sort() //数组排序(默认升序) sort(function(a,b){}) //传入排序规则 join() //把数组的元素组成字符串,默认使用,连接 join(“符号”) //用指定的符号连接 reverse() //数组翻转 push() //把元素存在数组末尾 pop() //取到数组的末尾元素,并移除数组中的这个元素 unshift() //把元素存在数组的开头 shift() //取到数组开头的元素,并移除数组中的这个元素 toString() toLocaleString() |
(7)空类型
Null(空值)类型的值只有一个,就是null null这个值专门用来表示一个为空的对象
(8)Undefined类型
Undefined类型只有一个特殊的值——undefined。undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。
典型用法是:
1、变量被声明了,但没有赋值时,就等于undefined。
2、对象没有赋值的属性,该属性的值为undefined。
3、调用函数时,应该提供的参数没有提供,该参数等于undefined。
4、函数没有返回值时,默认返回undefined。
(9)Date类型
JS中的Date 和 Java中一样,都是记录的距离 1970-01-01 零时的毫秒数
创建方式
var date = new Date(); //系统当前时间 var date = new Date(2000) //距离 1970-01-01 零时 2000毫秒 var date = new Date("1990-10-10"); //IE8及之前版本不支持 var date = new Date("1990/10/10"); var date = new Date("1990/10/10 11:11:11"); var date = new Date("August 6 1990 11:11:11"); var date = new Date(1990,10,10,11,11,11); //月份是 0到11 |
日期运算
var d1 = new Date("1990/10/10"); var d2 = new Date("1991/10/10"); alert(d2-d1); 算出的是两个日期之间的毫秒数 |
Date的函数
setDate 设置 Date 对象中月份中的天数,其值介于 1 至 31 之间。 setHours 设置 Date 对象中的小时数,其值介于 0 至 23 之间。 setMinutes 设置 Date 对象中的分钟数,其值介于 0 至 59 之间。 setSeconds 设置 Date 对象中的秒数,其值介于 0 至 59 之间。 setTime 设置 Date 对象中的时间值。 setMonth 设置 Date 对象中的月份,其值介于 0 至 11 之间。 setYear |
getDate 返回 Date 对象中月份中的天数,其值介于 1 至 31 之间 getDay 返回 Date 对象中的星期几,其值介于 0 至 6 之间 getHours 返回 Date 对象中的小时数,其值介于 0 至 23 之间 getMinutes 返回 Date 对象中的分钟数,其值介于 0 至 59 之间 getSeconds 返回 Date 对象中的秒数,其值介于 0 至 59 之间 getMonth 返回 Date 对象中的月份,其值介于 0 至11 之间 getFullYear 返回 Date 对象中的年份,其值为四位数 getTime 返回自某一时刻(1970 年 1 月 1 日)以来的毫秒数 |
toGMTString 使用格林尼治标准时间 (GMT) 数据格式将 Date 对象转换成字符串表示 toLocaleString 使用当地时间格式将 Date 对象转换成字符串表示 toLocaleDateString,按照本地格式显示一个日期对象的日期部分 toLocaleTimeString,按照本地格式显示一个日期对象的时间部分 |
for循环语句
for(var i=5;i--;){ //i为0时,表示false,会退出循环 alert(i); } |
运算符
(1)比较运算符
== 逻辑等。仅仅对比 数据值。11=”11” 为true
=== 全等。 对比数据值并且对比类型。
如果值和类型都相同,则为true;值和类型有一个不同,则为false
(2)逻辑运算符
在JS里:没有单&和单|的用法
变量作用域
定义在函数以外的变量为全局变量。作用域为全部函数。
函数内定义的变量为局部变量。作用域为函数内,变量定义后的任意位置。
常见函数
(1)typeof关键字
var x = 10; typeof x number typeof [] object typeof {} object typeof null object typeof undefined undefined
var x = function(){} typeof x function |
(2)类型转换函数
Number(value):将其他类型转换成数字类型
Number("20") //20 Number("20ab22") //NaN Number("abc") //NaN +"20" //20 |
parseInt(value):
parseInt("3"); //3 parseInt("3 blind mice"); //3 parseInt("aaa"); //NaN |
NaN
表示不是数字
NaN的特点:
NaN和任何东西都不等(NaN不等于NaN)
判断一个值是不是NaN,使用isNaN(value)
alert(isNaN(“aaa”)); //false alert(isNaN(100)); //true |
Math函数
abs 绝对值 floor 地板数 ceil 天花板数 log 对数 max 最大值 random 随机数 round 四舍五入取整 sqrt 开平方 |
for in 循环
var user = {id:1,name:'zhangsan',age:20}; for(key in user){ alert(key+"<<<<"+user[key]); } |
eval函数
作用:将字符串转换成js表达式。
正则表达式格式验证
方式一
if(username.match(usernameReg)==null){ alert("用户名格式不正确"); }else{ alert("格式正确"); } |
方式二
if(usernameReg.test(username)){ alert("格式正确"); }else{ alert("格式不正确"); } |
注意:js中的格式验证时正则要使用 ^ 和 $定义。 ^ 表示开始,$表示结束。
正则表达式提取子串
var reg = /aa\w/; var reg2 = /aa\w/g var reg3 = /aa\w/gi;
var str = "aaA aaa aab aac bbb abc AAA aAx";
var ss = str.match(reg); //得到第一个匹配这个正则的子串
var ss = str.match(reg2); // 得到所有匹配正则的子串,ss是数组
var ss = str.match(reg3);
g------------全局匹配 globel i------------忽略大小写 ignoreCase |