JS基础(超级简单)
1 JS基础(超级简单)
1.1 数据类型
1.1.1 基本类型:
1) Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法
2) string
3) boolean
4) null
5) undefined
1.1.2 复杂类型
object:date,array,function
1.2 变量
var 变量名=值
变量的作用域:1.全局:以页面为单位。2局部:以函数为单位。
1.3 typeof
作用:检测变量的类型typeof(变量)或typeof 变量
1.4 数据类型间的转化
1.4.1 转number
隐式:算数运算符:+ - * /
显式:number()parseInt()、parseFloat()
1.4.2 转string
隐式:+“”
显式:.toString(),String()
1.4.3 转boolean
隐式:!!a
显式:boolean()
1.5 JS的特点
1) 弱类型: var 变量名,所有变量的声明都使用var关键字,不必去分数据类型
2) 动态:可以动态添加变量到数组,对象中,也可以动态删除,也就是说可以改变数组长度,对象的属性。
3) 脚本语言:边编译、边执行
1.6 语言结构
顺序结构
条件结构:If if-else
分支结构:if-else-if switch case
循环结构:While do while for
1.7 书写
<script src="位置"></script>或者<script></script>
1.8 函数
function 函数名(参数列表){函数体}
return: return 参数;返回对应的参数;到此以后,立即返回,后面代码,不再执行;未写或后面没有参数,返回undefined;想要返回多个值:使用数组或对象;
注意:javascript里面的函数没有重载(同名不同参)
1.8.1 预解析
Javascript运行的时候,会将参数/函数声明及具体参数,放到最前面。
1.8.2 匿名函数
function(参数列表){函数体}
一般用于:捆绑事件。
1.8.3 函数表达式
var 变量名=function(参数列表){函数体}
调用:函数名()
输出整个函数内容(包括函数声明和函数体):使用函数名,
1.8.4 自执行函数
(function(){函数体})();或者(function(){函数体}());
一般用于:一次性执行;优点:避免函数重名。
1.8.5 回调函数
将函数作为参数
函数名(实参,函数1(形参){函数体});
1.9 内置对象
1.9.1 Math
Math.floor():向下取整
Math.ceil():向上取整
Math.round():四舍五入
Math.random():0-1随机数
Math.abs():绝对值
Math.pow(a,b):a的b次幂
Math.max(a,b):取最大值
Math.min(a,b):取最小值
1.9.2 Array
输出字符串
toString():.toString=0;数组清空
valueOf();:返回本身
slice(a,b):获取索引a<=内容<b
reverse();:反转数组内容
sort(function(a,b){return a-b});:排序根据回调函数返回值,负值不变,正值交换位置。此为升序
indexOf(a,b);:获取a的索引,从b开始查找
lastIndexOf(a,b);:向前查找a的索引,从b位开始查找
join(a);:用a元素组合为字符串,原数组不变
push(a):追加元素a,
concat(a):追加数组a到尾部
pop():删除最后一个
shift():向左移动
unshift(a):向右移动,用a填充
splice(a,[b],[c]):获取索引a以后b个内容,将其替换为c. splice(0,arr.lenght)清空数组
filter(function(item,index,arr){if(item>200)return true;}):过滤,回调函数三个参数分别代表:值,索引,整个数组。返回true的留下,false过滤掉。
forEach(function(){}):遍历数组,回调函数的三个参数同上,
1.9.3 Date
转换为date对象
var date=new Date(y,m,d); y年(m+1)月d日
var date=Date.parse("y-m-d");
var date=new Date("y-m-d");
获取毫秒:
var date=Date.now();
var date=+new Date();
new Date().toString();
new Date().valueOf();
获取部分
.getFullYear();
.getMonth();
.getDate();'几号
.getDay();星期几
.getHours();
.getMinutes();
.getSecends();
.getMilliseconds();
.getTime();至此的毫秒数;
1.9.4 String
获取索引
indexOf(a,b);获取a的索引,从b开始查找
lastIndexOf(a,b);向前查找a的索引,从b位开始查找
获取字符
.charAt(a);输出索引为a的字符
.charCodeAt(a);输出索引为a的字符的ascll码
去除前后空格
.trim();
转换大小写
to(Locale)UpperCase();
to(Locale)LowerCase();
其他操作
.concat();连接
slice(a,b):获取a<=内容<b
.substring(a,b);:获取a<=内容<b;和上面一样
.substr(a,b);:获取a后面b个内容
.replace(a,b);:将a换为b;
split(a,b);:使用a分割字符串,返回数组,获取前面b个
1.10 自定义对象
1.10.1 通过构造函数1
var 对象名=new Object();
对象名.属性=值;
对象名.方法=function(参数列表){方法体};
使用
对象名.属性;
对象名.方法(参数);
1.10.2 通过构造函数2
function 构造函数名(参数列表){
var 对象名=new Object();
对象.属性=值;
对象.方法=function(参数列表){
方法体;
};
return 对象;
}
使用
var 对象=构造函数名(参数);
对象名.属性;
对象名.方法(参数);
1.10.3 通过构造函数3
function 函数名(参数列表){
this.属性=值;
this.方法名=function(参数列表){
方法体;
};
}
使用
var 对象=new 构造函数名(参数);
对象名.属性;
对象名.方法(参数);
1.10.4 通过对象字面量
var 对象名={
属性:值,
方法名:function(参数列表){
方法体;
}
}
使用
对象名.属性;
对象名.方法(参数);
注意点
属性之间使用逗号分隔
1.10.5 JSON
键值对
var 对象名={
“属性”:值,
“方法名”:function(参数列表){}
}
使用:
对象名.属性;
对象名.方法(参数);
注意点:和对象字面量的区别就是属性名需要使用引号