JavaScript

------------学习笔记

一、JS的三种编写位置

1.直接写在html代码中;
2.script标签对中;
3.外部引入。

二、JS运算符

要进行各种各样的运算，就要使用不同的运算符号。

1、算术运算符：+、-、*、/、%、++、--

       （1）“%”取余运算符，两个数相除，取余数。

              A = 10 % 3;  // A = 1，如果余数不为0，则两个不能整除

（2）“++”加1运算符、自加1。

          “++”可以作前缀(++i)，也可以作后缀(i++)。

         如果不赋值的话，i++和++i的结果是一样的，如果要赋值的话，i++和++i的结果就不一样了。

（3）“--”减1运算符，自减1

         “--”可以作前缀(--i)，也可以作后缀(i--)。

        如果不赋值的话，i--和--i的结果是一样的，如果要赋值的话，i--和--i的结果就不一样了

2、赋值运算符：=、+=、-=、*=、/=

3、字符串运算符：+、+=

       字符串只能进行“连接”运算，不能进行其它运算。

     例：  var a = “abc”;

              var b = a + “def”;   // 结果b = a + “def” = “abc” + “def” = “abcdef”

4、比较运算符：>、<、>=、<=、==、!=、===、!==

       比较运算符的运算结果是布尔值(true或false)。

5、逻辑运算符：&&、||、!

       逻辑运算符的运算结果有两个true或false。

（1）“&&”逻辑与(并且关系)。如果左右两个操作数都为true，则结果为true，否则，结果为                      false。逻辑与，就是两个条件同时满足时，则结果为true。

（2） “||”逻辑或。左右两个条件，只要有一个满足，则返回true，否则，返回false。

（3）  “!”取反运算。!true = false  、   !false = true  、 !100 = false

6、三元运算符：?:

       所谓“三元运算符”就是指三个操作数。

       语法：条件表达式 ? 结果1 : 结果2

       语法：操作数1 ? 操作数2 : 操作数3

       含义：如果条件为true，则执行“结果1”的代码；如果条件为false，则执行“结果2”的代码。

       其实：三元运算符，就是if else的变形形式。

三、javascript的变量声明

（1）    格式：

        var 变量名 = 数据;

    声明变量要注意的事项：

        1. 在javascript中声明变量是 使用var关键字声明的，javascript中的变量可以存储任意的数据类型数据.

        2. javascript中变量数据类型是根据存储的值决定的，可以随时更改存储数据的类型。

        3. 定义了多个同名的变量是，后定义的同名变量是覆盖前面定义的同名变量。

        4. 声明变量的时候可以省略var关键字，但是不建议省略。

（2）javascript的数据类型：    

    typeof 查看变量的数据类型。

    使用格式：           

            typeof 变量名        

javascript的数据类型：

    number 小数与整数

    string 字符串 注意： javascript中没有字符的概念，只有字符串，字符串可以写在单引号或双引号中。

    boolean 布尔数据类型，

    undefined  undefined代表该变量没有定义。  

1.选择结构if语句格式及其使用　

四、if语句和switch语句

（1）if语句的格式：

if(比较表达式1) {
　语句体1;
}else if(比较表达式2) {
　语句体2;
}else if(比较表达式3) {
　语句体3;
}
...
else {
  语句体n+1;
}

 

（2）Switch 语法如下： 

Switch ( 表达式) ｛  

Case 表达式1：  

方法体;    Break;   

Case 表达式 2：   方法体;   Break; ｝  

注意：当分支较多时，当时用switch的效率是很高的。

           switch…case只能处理case为常量。

 

五、循环语句

（1）for循环：

 for (语句 1; 语句 2; 语句 3)
          {
          被执行的代码块
          }

语句 1 在循环（代码块）开始前执行
语句 2 定义运行循环（代码块）的条件
语句 3 在循环（代码块）已被执行之后执行

（2）while循环

 while（条件语句）{
     要循环的内容；
     条件控制语句；（如i++等）
 }
 

注意：要是在数据少的时候，用着两种其中一个都无所谓，但是在数据大批量时，while的优势就明显了。