javascript学习包括三方面:
1. ECMAscript(语言核心功能基于ES规范)
2. DOM— js需要支持对DOM的维护,通过document,element对象实现.这些都是在ES中没有的.
3. BOM— js需要支持对BOM的维护,通过window对象实现.这些都是在ES中没有的.
是JavaScript的核心,规定了JS的语法规范。
常量好
13 // 整数类型常量
1.3 // 浮点数类型常量
"hello world" // 字符串类型常量
'Hi' // 字符串类型常量
true // 布尔类型常量
false // 布尔类型常量
/^[a-z]{3,5}$/ // 正则表达式 这里的正则表达式表示规则和JAVA中不同,是利用两个 斜杠作为界限,而且需要前面和后面加上一个^和$
null // 空
{ x:1, y:3 } // javascript中的对象 json格式:{key1:obj1,......}
[1,3,5,6,9] // javascript中的数组
变量
(1)定义
JS是弱类型语言,定义变量时,统一使用var关键字.:
var 变量名 = 值; |
(2)命名规则 :
- 必须以字母或下划线开头,中间可以是数字、字符或下划线。
- 变量名不能包含空格等符号。
- 不能使用JavaScript关键字作为变量名,如:function、this、class等。
- JavaScript严格区分大小写。 建议使用小写开头。
函数
JavaScript 使用关键字 function 定义函数。函数可以通过声明定义,也可以是一个表达式。
因为JS中的所有变量都是由var定义的,所以所有返回值都一样,所以函数定义的时候可以不写返回值类型,如果有返回值编写者直接进行接受就可以了。
函数
JavaScript 使用关键字 function 定义函数。函数可以通过声明定义,也可以是一个表达式。
因为JS中的所有变量都是由var定义的,所以所有返回值都一样,所以函数定义的时候可以不写返回值类型,如果有返回值编写者直接进行接受就可以了。
函数的声明:
无参无返回值函数
function fun(){
alert(111);
}
有参无返回值函数
function add(x,y){
alert(x+y);
}
有参有返回值函数
function add2(x,y){
return x+y;
}
函数的调用:
fun(); add(1,2); var result = add2(1,2); |
函数表达式:
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 日期类型
Number数据类型:
var x = 10 //整数
var x = 017 //八进制
var x = 0x16 //十六进制
var x = 3.14 //浮点数
var x = .33 //浮点数
类似上面这样定义一个数,输出的时候可以全部转化为10进制输出,最后一个浮点数类型也会转化为完整浮点数
而且,JS中的浮点数运算也是不精确的。
String字符串:
在JavaScript中没有字符类型。字符串可以使用双引号,也可以使用单引号。
常用函数:
charAt //获取字符串某个位置的字符
concat //连接字符串
indexOf // 查找指定字符串在字符串中第一次出现的索引位置
lastIndexOf //倒叙查找指定字符串在字符串中第一次出现的索引位置
match //用来匹配正则表达式(查找符合规则的子串)
replace //替换字符串
split //分割字符串(结果是一个数组)
substring //截取子串
toLowerCase //转小写
toUpperCase //转大写
Boolean类型:
在做条件判断的逻辑运算时,其他数据类型可以自动转型为布尔类型。转型规则如下:
Number 非0 为true 0 为false
String 非空串 为true 空串为false ("" '')
null false
undefined false
Object 不是null为true 是null为false
Arrays 不是null为true 是null为false
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));
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[3]);
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()
空类型
Null(空值)类型的值只有一个,就是null null这个值专门用来表示一个为空的对象;
Undefined类型
Undefined类型只有一个特殊的值——undefined。undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。
典型用法是:
- 变量被声明了,但没有赋值时,就等于undefined。
- 对象没有赋值的属性,该属性的值为undefined。
- 调用函数时,应该提供的参数没有提供,该参数等于undefined。
- 函数没有返回值时,默认返回undefined。
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);
}
运算符
比较运算符 :
== 逻辑等。仅仅对比 数据值。11=”11” 为true
=== 全等。 对比数据值并且对比类型。
如果值和类型都相同,则为true;值和类型有一个不同,则为false;
逻辑运算符:
在JS里:没有单&和单|的用法。
变量作用域
定义在函数以外的变量为全局变量。作用域为全部函数。
函数内定义的变量为局部变量。作用域为函数内,变量定义后的任意位置。
常见函数
typeof关键字:
var x = 10;
typeof x number
typeof [] object
typeof {} object
typeof null object
typeof undefined undefined
var x = function(){}
typeof x function
类型转换函数:
Number(value):将其他类型转换成数字类型
Number("20") //20
Number("20ab22") //NaN
Number("abc") //NaN
+"20" //20
parseInt(value):
parseInt("3"); //3
parseInt("3 blind mice"); //3
parseInt("12.34"); //12parseInt("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