JavaScript预习

901、数组Array

数组的创建、赋值、访问、属性（length）、方法。

分隔符：join( ) 排列：sort() 添加：push()

2、运算符(操作符)

算术运算符:

①运算符可以对一个或多个值进行运算，并获取运算结果

②比如：typeof就是运算符，可以来获得一个值的类型（它会将该值的类型以字符串的形式返回）

number string boolean undefined object

③当对非Number类型的值进行运算时，会将这些值转换为Number然后再运算

                任何值和NaN进行运算，结果都是NaN

+

        +可以对两个值进行加法运算，并将结果返回

        如果对两个字符串进行加法运算，则会做拼串（将两个字符串拼接成一个字符串，并返回）

        任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作

                我们只需要为任意的数据类型+一个“”即可将其转换为String，这是一种隐式的类型转换，由浏览器自动完成，实际上它也是调用String（）函数

                        c = c + "";         c = String(c)

-

        -可以对两个值进行减法运算，并将结果返回

*

         *可以对两个值进行乘法运算，并将结果返回

/

         /可以对两个值进行除法运算，并将结果返回

        任何值做- * /运算时都会自动转换为Number，我们可以利用这一特点做隐式的类型转换，可以通过为一个值-0 *1 /1来将其转换为Number（原理和Number()函数一样，使用起来更简单）

            a = +a ;(一元运算符)

%

        %取模运算（取余数）

自增

        ++通过自增可以使变量在自身的基础上增加1， 对于一个变量自增后，原变量的值立即自增1

        自增分为两种：后++（a++）和 前++（++a），无论哪种都会立即使原变量的值自增1

        不同的是a++ 和 ++a的值不同（a++的值等于自增以前的值）（++a的值等于自增后的值）

                var a = 1;          var a = 1;

                a++；                ++a;

自减        

        --通过自减可以使变量在自身的基础上减1

        自减分为两种：后--（a--）和 前--（--a），无论哪种都会立即使原变量的值自减1

        不同的是a-- 和 --a的值不同（a--的值等于自增以前的值）（--a的值等于自增后的值）

赋值运算符：

                =        

                可以将符号右边的值赋值给左侧的变量

                +=

                a +=5 等价于 a = a + 5

                -=

                a -=5 等价于 a = a - 5

                *=

                a *=5 等价于 a = a * 5

                /=

                a /=5 等价于 a = a / 5

                %=

                a %=5 等价于 a = a % 5

逻辑运算符：

        ！ 非

                ！可以用来对一个值进行非运算，所谓非运算就是指对一个布尔值进行取反操作

                true变false， false变true      如果对一个值进行两次取反，值不会变化

                如果对非布尔值进行运算，则会将其转换为布尔值，然后再取反，所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值，可以为任意一个数据类型取两次反，来将其转换为布尔值。

                原理和Boolean（）函数一样

                  var a = true;

                a = !a;

        && 与

                &&可以对符号两侧的值进行与运算，并返回结果

                如果两个值都是true则返回true，只要有一个false，就返回false

                JS中的”与“属于短路与，如果一个值为false则不会看第二个

        || 或

                ||可以对符号两侧的值进行或运算并返回结果

                两个都是false，则返回false，如果有一个true则返回true

                JS中的”或“属于短路或，如果一个值为true则不会看第二个

        ||   && 非布尔值的情况

                运算时会先将其转换为布尔值，然后再运算，并且返回原值

               与运算：

                如果两个值都为true，则返回后边的，如果两个值中有false，则返回靠前的false

                或运算：

                如果两个值都为false，则返回后边的，如果两个值中有true，则返回靠前的true

比较运算符：（关系运算符）

                通过关系运算符可以比较两个值之间的大小关系，如果关系成立它会返回true，如果关系不成立则返回false

                > 大于号

                判断符号左侧的值是否大于右侧，如果关系成立它会返回true，如果关系不成立则返回false

            > =大于等于号

                判断符号左侧的值是否大于或等于右侧，如果关系成立它会返回true，如果关系不成立则返回false

                <小于号

                判断符号左侧的值是否小于右侧，如果关系成立它会返回true，如果关系不成立则返回false

                <=小于等于号

                判断符号左侧的值是否小于右侧，如果关系成立它会返回true，如果关系不成立则返回false

                非数值的情况：

                对于非数值进行比较时，会将其转换为数字然后再比较

                如果符号两侧的值都是字符串时，不会将其转换为数字进行比较，而会分别比较字符串中字符的Unicode编码

        相等运算符：

                == 

                使用==来做相等运算，当使用==来比较两个值时，如果值的类型不同，则会自动进行类型转换，将其转换为相同的类型，然后再比较

                ！=

                不相等用来判断两个值是否不相等，如果不相等返回true，否则返回false

                不相等也会对变量进行自动的类型转换，如果转换后相等它也会返回false

                ===

                全等 用来判断两个值是否全等，它和类型相似，不同的是它不会进行的自动的类型转换，如果两个值的类型不同，直接返回false

                !==

                不全等 用来判断两个值是否不全等，和不等类似，不同的是它不会做自动的类型转换，如果两个值的类型不同，直接返回true

3、循环语句

if-else循环、for，while循环、for in、switch循环

switch可以使用break中断，跳出循环，也可以使用continue跳出当前循环之后继续下次循环。

常用的输入输出有：alert  以及 prompt

代码区分大小写，变量、对象和函数的名称尽量不要重复，每段代码后要有分号。

if-else循环

if(条件){
   //JavaScript代码;
}
else{
  //JavaScript代码;
}

for，while循环

for(初始化;  条件;  增量) {
      JavaScript代码;

}

while(条件){
      JavaScript代码;
}

for in

var fruit=[ "apple", "orange", "peach","banana"]; 
for(var i in fruit){
       document.write(fruit[i]+"<br/>");
}

switch循环

switch (表达式){    

        case 常量1 : 
              JavaScript语句1;
        break;
       case 常量2 : 
             JavaScript语句2;
        break;
         ...
        default : 
             JavaScript语句3;    
}

break中断

<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
    if(i==3){
                   break;
       }
  document.write("这个数字是："+i+"<br/>");
}
    //跳出整个循环
</script>

continue继续

<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
    if(i==3){
                   continue;
       }
  document.write("这个数字是："+i+"<br/>");
    //跳过当前循环，进行下次循环
}
</script>

注释

单行注释以 // 开始，以行末结束

多行注释以 /* 开始，以 */ 结束，符号 /*…… */ 指示中间的语句是该程序中的注释

常用输入输出

alert()

alert("你好");

prompt()

prompt("你好");

语法约定

代码区分大小写 变量、对象和函数的名称尽量不要重复 每段代码后要有分号

常用系统函数

什么是函数

类似于Java中的方法，是完成特定任务的代码语句块

parseInt ("字符串")

var i = "86";
console.log(parseInt (i));//将字符串转换为整型数字

parseFloat("字符串")

var i = "86.5";
console.log(parseFloat (i));//将字符串转换为浮点型数字

isNaN()

var i = "a";
console.log(isNaN(i));//用于检查其参数值是否是非数字

定义函数

function 函数名(参数.... ){
     //JavaScript语句
     [return 返回值]
}

调用函数

<script type="text/javascript">
function study( ){
        for(var i=0;i<5;i++){
            document.write("<h4>欢迎学习JavaScript</h4>");
        }
    }
</script>
​
                              
<input name="btn" type="button"
   value="显示5次欢迎学习JavaScript"  οnclick="study( )" />
​

作用域

全局变量

局部变量

 <script type="text/javascript">
 var i=20;
    function first( ){
        var i=5;
        for(var j=0;j<i;j++){
            document.write("&nbsp;&nbsp;&nbsp;&nbsp;"+j);
        }
    }
    function second( ){
        var t=prompt("输入一个数","")
        if(t>i)
            document.write(t);
        else
            document.write(i);
        first( );
    }
​
</script>
​

事件

名称	说明
onload	一个页面或一幅图像完成加载
onlick	鼠标单击某个对象
onmouseover	鼠标指导移到某元素上
onkeydown	某个键盘按键被按下
onchange	域的内容被改变