JavaScript的数据类型和基础语法

柔光的暖阳◎ 2021-12-03 19:37 355阅读 0赞

# 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);
    	
       }