1 Javascript 基础语法
Js 注释:
// =>单行注释
/**/ =>多行注释
调试工具:代码中debugger;结合浏览器的调试工具【F12】
1.1JavaScript的数据类型
- Boolean:布尔类型,表示真假两种状态,只有true和false
- number:数值类型,表示32位整数或者64位浮点数。
- string:字符串
- null:空值,表示不存在的对象类型。
- 空类型:undefined
- 对象【object】
- 函数【function】
1.2变量
1声明变量:var test=12.
2弱类型:JavaScript是一门弱类型语言,也就是说,在声明一个变量的时候,根本不确定它的数据类型,需要在为他初始化后才知道它的类型,而且可以给他赋予不同类型的值,这样,它的数据类型就可以随时变化,这也也它的优势。比如,可以把变量初始化为字符串,然后可以把他再设置为数字值
1.3算数运算符
数学运算符:+ - * / =【赋值】 %【取余】
++【自增】 --【自减】 += -=
例如:
//自增【++】
// var a=0;
// var b=a++;// 等价于 b=a; a=a+1;
// alert(b);
// alert(a);
// var c=0;
// var d=++c;// 等价于 c=c+1; d=c;
// alert(d);
// alert(c);
自减也是和自增一样,只是写法不同
条件运算符:>>= <<= == != ===[绝对等于]
== 和 === 的区别:
==:运算符称作相等,用来检测两个操作数是否相等,这里的相等定义的非常宽松,可以允许进行类型转换
===:用来检测两个操作数是否严格相等
1、对于string,number等基础类型,和=是有区别的
不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,=如果类型不同,其结果就是不等
同类型比较,直接进行“值”比较,两者结果一样
2、对于Array,Object等高级类型,和=是没有区别的
3、基础类型与高级类型,和=是有区别的
对于,将高级转化为基础类型,进行“值”比较,因为类型不同,===结果为false
例如:
var a=10;
var b=a=="10";
//alert(b);
输出的值为true,比较的是两个值,
var c=a==="10";
alert(c);
输出false,比较的是两个值和类型
var y= 1==true;
alert(y);
逻辑运算符:&&【并且】 ||【或者】!【非】
条件控制语句
If
语法:if(条件){ //条件:只有两种结果【true、false】
//当条件[true]成立时,执行的代码
}
If-else
语法:
语法:if(条件){ //条件:只有两种结果【true、false】
//当条件[true] 成立时,执行的代码
}
Else{
//条件【false】不成立时,执行的代码;
}
If –else if
例如:
var a=0;
var b=1;
if(a>b){
alert("错");
}else if(b=a){
alert("条件成里");
}else{
alert("没有条件成立");
Switch-case 语句:
使用在:“值”是可以列举出来的【使用较少】
语法:switch(“值”){
case “值1”: 代码;break;
case “值2”: 代码;break;
…
}
例如:
var i=10;
switch(i){
case 10:alert("ishi shi");break;
case 20:alert("i shi er"); break;
default:alert("yishagdoubushi");
}
注意://break:跳出当前区域、或者循环
//default:默认值
循环语句:【重点】
有while循环,do…while循环已经for循环语句
while循环语句
语法:while(条件){
//循环体;执行的代码;
//当条件成立时,执行循环体;
//当条件不成立时,跳出循环。
}
//死循环:要避免
while(10>2){
alert("呵呵大");
}
//有限循环
//定义初始变量的值
var i=0;
//条件 i<10
while(i<10){
alert(i);
//计数操作
i++;
}
For循环语句【重点中的重点】
语法:for(初始值;循环条件;计数操作【步长】)
{
//循环体;循环执行的代码
}
// var i=0:初始值; i<10: 循环条件; i++ 计数操作【步长】
// for(var i=0;i<10;i++){
// document.write(i);
// }
for(var c=1;c<=10;c++){
document.write("<hr width='"+c+"0%'>");
}
for(var k=10;k>0;k--){
document.write("<hr color='red' width='"+k+"0%'>");
}
//break:跳出当前循环,循环结束
//continue:跳过当次循环,循环继续。
for(var i=0;i<10;i++){
if(i==5){
//break;
continue;
}
document.write(i);
}