JavaScript 学习笔记,二

学习内容:

一.变量的定义

二.JS的基本数据类型

三.JS的基本语法

1.变量的定义:

任何语言中最基本的东西就属于变量了,那么如何定义变量以及运用,其实是一件很简单的事情。。

JS中提供了如何去定义变量,但是在定义变量的时候我们需要明确和注意一些事情。。

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)

JS中变量的定义有自己的定义方式。。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
   <script language="javascript" type="text/javascript">
         var num1=100;//不要写成int
        var num2=200;
        sum=num1+num2;
        //var sum=sum1+sum2;
        document.writeln(sum);
        var s="javascript";//不要写成string
        var s1="html";
        var s2=s+s1;//+代表将两个字符串连接
        document.writeln(s2);
   </script>
</body>
</html>

从上面的代码我们不难发现,JS在语法上并不是像编程语言那样规范,要求也并不是非常的严格。。

并且在定义变量的时候我们只能使用var来定义,不能像在编程语言中那样规范的定义方式,否则就会

出错,在编写JS代码的时候,变量的类型我们是不必写出来的,意思就是没必要写成int sum=。。。

我们只需要写出var sum=...就可以了。。只要浏览器自己知道变量是什么类型的就可以了。。。因此

在定义变量的时候一定要注意自己定义的方式。。。

2.JS的基本数据类型

(1)数值型

i.整型常量

十六进制以0x开头,例如0x88

八进制必须以0开头,如0123

十进制第一位不能是0,如123

ii.实型常量

12.23 5E7(科学计数法) 4e5等等

iii.特殊数值 NaN (不是数值型) Infinity(无穷大)

(2)布尔型

布尔型就很简单了,一个true,一个false

(3)字符型

字符串也一样简单:"abc"

字符串中的特殊字符,需要以反斜杠的(\)后面跟一个普通字符来表示。如\r \n \t \b \'等等

3.JS的基本语法——三大流程控制

三大流程控制

(1)顺序控制:顺序控制其实就是指程序按照顺序的情况下执行。。。

(2)分支控制:(1)单分支(2)双分支(3)多分支

(1)单分支 就是

if(条件表达式){

语句;

}

(2)双分支就是

if(条件表达式){

语句;

}else{

语句;

}

(3)多分支结构

if(条件表达式){

语句;

}else if(条件表达式){

语句;

}else{

语句;

}

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
   <script language="javascript" type="text/javascript">
        //解决1+....10的和
         var n=10;
        var sum=0;
        for(var i=1;i<=n;i++)
        {
            sum+=i;
        }
        document.writeln(sum);
        //解决从1-10之间偶数的和
        var n1=10;
        var sum1=0;
        var sum2=0;
        for(var j=1;j<=n1;j++)
        {
            if(j%2==0)
            {
                sum1+=j;
            }else
            {
                sum2+=j;
            }
        }
        document.writeln(sum1);
        document.writeln(sum2);
   </script>
</body>
</html>

(3)循环控制部分和(1)do_while循环(2)while循环(3)for循环(4)for_in循环

(1)do_while (2)while (3)for (4)for_in(了解即可)

 do                      while(条件)             for(var...)            for(变量 in 对象)


{ { { { 需要执行的代码 需要执行的代码; 需要执行的代码; 需要执行的代码; }while (条件); } } }


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
   <script language="javascript" type="text/javascript">
       var n=10;
       var sum=0;
       do
       {
           sum+=n;
       }while(n--);
       document.writeln(sum);
       var n1=10;
       var sum2=0;
       while(n1)
       {
           sum2+=n1;
           n1--;
       }
       document.writeln(sum2);
       var sum3=0;
       for(var j=1;j<=n1;j++)//不要顺手写成了int
       {
           sum3+=j;
       } 
       document.writeln(sum3);
       var a=new Array();
       var x;
       a[0]=1;
       a[1]=2;
       a[2]=3;
       for(x in a)
       {
           document.writeln(a[x]);
       }
   </script>
</body>
</html>

这四种常用的也就是while和for循环了。。其实掌握了这两种循环结构就可以了。。。