1.JavaScript基础
1.1简介
- 基于对象
- 事件驱动:网页文档中的HTML标签事件触发javaScript代码执行
- 解释型:边解释边执行(不会先对网页进行编译生成中间文件)
- 脚本语言:javaScriptbuhui独立运行,依赖于网页文件(HTML)存在
1.2作用
与用户交互
操作css样式
操作html标签
业务处理
1.3在哪书写代码
方案1:在script标签中书写
方案2:在js文件中书写,使用script标签引入,注意一个script标签只能引入一个js文件,不能既引入又在其内容区域内编写js代码
1.4注释
单行注释
//注释内容
多行注释
/*
注释内容
*/
1.5输出
Console.log(“输出的内容”);
2.数据类型
Js为弱类型语言,java为强类型语言
2.1基本数据类型
Null - -空 值:null
Undefined- -未定义 值:undefined
Number—数字
String- -字符串
Boolean- -布尔 值:true,false
2.2引用数据类型
Object与他的子类
注意:
可以通过typeof关键字.获取数据的数据类型,null值的数据类型时object
Typeof的用法:
Typeof 值/变量名
所有基本数据类型的数据都可以作为boolean型使用
0,null,undefined,””对应的boolean型为false.
NaN:是not a number的缩写,表示不是一个合法的数字,其类型为number.
Alert(“abc”/10);//产生nan
Alert(NaN==NaN);//nan不等于nan
3.变量
语法:
声明:var 变量名;
赋值:变量名=值;
声明并赋值:var 变量名=值;
4.运算符
4.1算术运算符
+,-,*,/,++,--,%
注意:js中不分整数与小数,所以当10/3结果为3.333循环
4.2赋值运算符
=,+=.-=,*=,/=,%=
4.3关系运算符
>,<,>=,<=,
==:判断值相等,不判断数据类型
===:判断值与数据类型都相等
!=:判断不相同,不判断数据类型
4.4逻辑运算符
&&
特殊情况:
当使用&&逻辑,全部为true时,将返回最后一个值
当使用&&逻辑,中间有false时,将返回该false对应的值
||
特殊情况:
当使用||逻辑,有true时,返回true对应的值
当使用||逻辑,全为false时,返回最后一个值
!
4.5三目运算符
Var 变量名=条件表达式?值1:值2;
5.分支语句
If
语法:与java一致
Switch
语法:与java一致
6.循环语句
While(){
}
Do {
}while()
For(){
}
语法:与java一致
7.流程控制语句
Break
Continue
与java一致
8.数组
数组长度可变
数组的定义:
方式1:var 数组名=[ ]
方式2:var 数组名=new array();
取值语法:数组名[下标]
改值语法:数组名[下标]=值;
下标不存在为添加,下标存在为改值
尾部添加:数组名.push(值或其他数组)
删除值:delete 数组名[下标];
获取长度:var变量名=数组名.length;
9.函数
9.1定义
方式1:
Function 函数名(形参列表){
方法体
}
方式2:
Var 函数名= Function (形参列表){
方法体
}
9.2函数调用:
语法:
方法名(实参列表);
Var 变量名=方法名(实参列表);
10.对象
方式1:直接创建对象
Var 对象名={
“属性名”:”值1”
}
方式2:先创建构建器,在通过构建器创建对象
Funcation 类名(形参列表){
This.属性名1=值1;
This.属性名2=值2;
This.属性名3=值3;
This.方法名1=方法;
}
Var 对象名=new 类名(实参列表);
调用属性与方法
语法:
获取属性值:对象名.属性名
设置属性值:对象名.属性名=值;
调用方法:对象名.方法名(实参);
11.内置对象
类似于jdk提供的类
11.1String
创建String对象
Var str=new String(“abcde”)
Var str02=”abcde”;
常用函数
Str.length:获取当前字符串长度
Str.charAt(3):获取str中索引为3的字符
Str.indexof(“a”):获取str中第一次出现a的索引
Str.lastindexof(“a”): 获取str中最后一次出现a的索引
Split:分隔
Substring():截取,从索引位置开始直到结束
Substring(4,9):不包含9的位置
Substr(4,9):包含9的位置
toUppeerCase:转大写
tolowerCasse:转小写
match:判断字符串的格式是否匹配reg的规则,如果不匹配返回值为null,如果匹配则返回值为该值.
11.2RegExp
regexp对象的test函数进行正则校验
一 个regexp对象就是一个正则规则
Test函数:如果匹配返回true,不匹配返回false,
Var str=”123454”
Var reg=new RegExp(“^1[3,5,7,8,9]\\d{9}$”);
Var a=reg.test(str);
Console.log(a);
11.3Math
Var e=Math.E;
Var p=Math.PI;
Random:随机产生一个小数[0,1]小数
Round:对参数进行四舍五入得到一个整数
Floor:只舍不入,获取比参数小得最大整数
Ceil:只入不舍,获取大于等于参数的最小整数
Abs:获取参数的绝对值
Sqrt:获取参数的平方根
12.全局函数
简介:通过全局对象Funcations调用全局函数,Funcation没有名称,因此全局函数可以直接调用
parseInt:将字符串转换成整数数值
parseFloat:将字符串转换成小数数值
encodeURI:对网址的参数部分进行编码(特殊符号和中文)
decodeURI:堆编码后的网址进行解码
escape:对字符串中的特殊字符和中文进行编码
unescape:对编码后的字符串进行解码