3、JavaScript的基本语法

3.1、定义变量

在js中，定义变量统一采用var关键字进行声明，它后面赋予值，决定了这个变量的数据类型

<script type="text/javascript">
        // 定义变量
        var num = 10;
        console.log(num)
        var str = 'helloworld';
        console.log(str);
</script>

3.2、js中的数据类型

在js中，我们可以通过typeof关键字来检测一个变量的数据类型

<script type="text/javascript">
        var num=10;
        console.log(typeof num);
        num="helloworld";
        console.log(typeof num);
        num=false;
        console.log(typeof num);
        var flag;
        console.log(typeof flag);
        num = new Date();
        console.log(num);
        console.log(typeof num);
        num=null;
        console.log(typeof num);
        num=new Array();
        console.log(num);
</script>

总结一下：typeof关键字检测类型：

number：表示数值型（整型和浮点型）

string：字符串，在js中我们可以通过“”或者''来定义一个字符串

boolean：布尔型，true,false

undefined:变量定义，但是未赋值

object：对象类型 (null值它的typeof也是object)

function：它表示函数类型

3.3、js中的注释

注释分为2种，和java基本上一样

单行注释：// 注释的内容

多行注释：/* 注释的内容*/

3.4、运算符

算术运算符：+ - * / %

关系运算符： == > >= < <=

逻辑运算符：&& || !

赋值运算符: =

3.5、选择结构

3.5.1、基本if

var num = 10 ;
if(num>=10) {
   alert('num的值大于10');
}

注意在js中，if后面的表达式可以是很多类型

var num=0;
if(num) {
	console.log("************")
}else{
	console.log("==========")
}

总结：if表达式如果变量为0，相当于一个false情况

var flag ;
if(flag) {
        console.log("***********")
}else{
        console.log("==========")
}

总结2：if表达式如果变量为undefined，相当于一个false情况

 var flag2 =null;
 if(flag2) {
 	console.log("***********")
 }else{
 	console.log("==========")
 }

总结3：if表达式如果变量 的值为null，相当于一个false情况

3.5.2、if...else结构

if(num) {
            console.log("************")
}else{
            console.log("==========")
}

3.5.3、多重if结构

var score = 91 ;
if(score>90) {
	console.log("成绩大于90分")
}else if(score>80) {
	console.log("成绩大于80分")
}else{
	console.log("其他")
}

3.5.4、switch

var num = 1 ;
switch (num){
            case 1:
                alert('星期一');
                break;
            case 2:
                alert('星期二');
                break;
            default:
                alert('其他');

}

3.6、循环结构

3.6.1、while循环

 var i = 1 ;
 while (i<=10) {
     console.log(i);
     i = i+1;
 }

3.6.2、do...while循环

 var i =1 ;
 do{
     console.log(i);
     i++;
 }while(i<=10)

3.6.3、for循环

var  i ;
for(i=1;i<=10;i++) {
	console.log(i);
}

3.6.4、break，continue

break：是跳出循环结构

continue：是跳出本次循环，执行循环的下一次

3.7、相关语句

alert：弹出对话框

prompt：提示框

如果选择确定：typeof-->string类型

如果选择取消：typeof-->object

document.write():向页面写一段文本

<script type="text/javascript">
        //alert("hello");
        var str = prompt("请输入一个数字","5");
        console.log(typeof str);
        //将字符串转换成整数
        //parseInt("字符串")
        //字符串 52a  -->52
        //字符串 a123 -->NaN(not a number) 
        //将字符串转成小数  parseFloat(),用法和parseInt一样
        var num = parseInt(str);
        alert(typeof num);
        document.write(num);
</script>