Javascript对象（二）

• JavaScript表达式：

1. 算术表达式；
2. 字符串表达式；
3. 关系（比较）表达式；
4. 逻辑表达式。

• JavaScript运算符：

1. 根据处理对象的数目：
   
   
   • 单元运算符；
   • 二元运算符；
   • 三元运算符。
     
     
2. 根据功能：
   
   
   • 赋值运算符；
     
     
     =　　+=　　-=　　*=　　/=　　%=（取余）
     
     
   • 算术运算符；
     
     
     +　　-　　*　　/　　%（取余）　　++（递增）　　--（递减）　-
     
     例１：
     <Script>
     var x = 11;
     var y = 5;
     
     with (document) {
          write("x = 11, y = 5");
          write("<LI>x + y 是 ", x + y);
          write("<LI>x - y 是 ", x - y);
          write("<LI>x * y 是 ", x * y);
          write("<LI>x / y 是 ", x / y);
          write("<LI>x % y 是 ", x % y);
          write("<LI>++ x 是 ", ++ x);
          write("<LI>-- y 是 ", -- y);
     }
     </Script>
     
     例２：
     <Script>
     var x = y = 3;
     
     with (document) {
          write("x = 3, y = 3 <br>");
          write("若x = y++ 运算之后：");
          x = y++;//y→x，y+1→y
          write("x 是 ", x, "; y 是 ", y, "<br>");
          write("再作x = ++y 运算：");
          x = ++y;//y+1→x，y+1→y
          write("x 是 ", x, "; y 是 ", y);
     }
     </Script>
     
     
   • 字符串运算符；
     
     +　　+=
     
     
   • 比较运算符；
     
     
     ==　　!=　　===（值及类型）　　!==（值及类型）
     <　　<=　　>　　>=
     
     例：
     <Script>
     var x = 5; //x 是数值5
     var y = '5'; //y 是字符串5
     var z = 6; //x 是数值6
     
     with (document) {
          write("x = 5, y = '5', z = 6");
          write("<LI>x == y 吗？", x == y);
          write("<LI>x === y 吗？", x === y);
          write("<LI>x != y 吗？", x != y);
          write("<LI>x !== y 吗？", x !== y);
          write("<LI>x <= z 吗？", x <= z);
          write("<LI>y <= z 吗？", y <= z);
          //类型自动转换
     }
     </Script>
     
     
   • 逻辑运算符；
     
     
     &&　　||　　!
     
     例１：
     <Script>
     var t = true;
     var f = false;
     
     with(document) {
     write("<OL><LI>true && true 的结果是 ", t && t);
     write("<LI>true && false 的结果是 ", t && f);
     write("<LI>false && true 的结果是 ", f && t);
     write("<LI>false && false 的结果是 ", f && f);
     write("<LI>true && (1==1) 的结果是 ", t && (1==1));
     write("<LI>false && 'A' 的结果是 ", f && 'A');
     write("<LI>'A' && false 的结果是 ", 'A' && f);
     write("<LI>true && 'A' 的结果是 ", t && 'A');
     write("<LI>'A' && true 的结果是 ", 'A' && t);
     write("<LI>'A' && 'B' 的结果是 ", 'A' && 'B');
          //&&：有一个不是逻辑值，只要第一个操作数的值为flase，则返回第一个操作数的值flase，否则，返回第二个操作数的值
     }
     </Script>
     
     例２：
     <Script>
     var t = true;
     var f = false;
     
     with(document) {
     write("<OL><LI>true || true 的结果是 ", t || t);
     write("<LI>true || false 的结果是 ", t || f);
     write("<LI>false || true 的结果是 ", f || t);
     write("<LI>false || false 的结果是 ", f || f);
     write("<LI>true || (1==1) 的结果是 ", t || (1==1));
     write("<LI>false || 'A' 的结果是 ", f || 'A');
     write("<LI>'A' || false 的结果是 ", 'A' || f);
     write("<LI>true || 'A' 的结果是 ", t || 'A');
     write("<LI>'A' || true 的结果是 ", 'A' || t);
     write("<LI>'A' || 'B' 的结果是 ", 'A' || 'B');
          //||：有一个不是逻辑值，只要第一个操作数为的值true、字符或非零的数字，则返回第一个操作数的值，否则，返回第二个操作数的值
     }
     </Script>
     
     例３：
     <Script>
     with(document) {
          write("<LI>!true 的结果是 ", !true);
          write("<LI>!false 的结果是 ", !false);
          write("<LI>!'A' 的结果是 ", !'A');
          write("<LI>!0 的结果是 ", !0);}
     </Script>
     
     
   • 逐位运算符；
     
     
   • 特殊运算符。
     
     1、new运算符：创建对象（实例）
     
     格式：对象名称=new 对象类型（参数）
     
     2、this运算符：表示当前对象
     
     格式：this[.属性]
     
     例：
     <Script>
     function validate(obj) {
          alert("你输入的值是："+ obj.value);
     } </Script>
     请输入任意字符：<BR>
     <INPUT TYPE="text" onKeyup="validate(this)">
     
     3、条件运算符：三元运算符
     
     格式：<条件表达式> ? 第一个值：第二个值
     
     例：
     NS = (document.layers) ? 1 : 0;
     IE = (document.all) ? 1: 0;
     
     window.screen.width>800 ? imgheight=100:imgheight=100
     window.screen.width>800 ? imgleft=15:imgleft=122
     
     <Script>
     function showSex() {
     onOroff = document.forms[0].sex[0].checked
     status = (onOroff)? "帅哥" : "美女"
     alert("Hello! " + status)
     }
     </Script>

     请输入你的性别：
     <FORM onClick=showSex()>
     <INPUT TYPE=radio NAME=sex>男生
     <INPUT TYPE=radio NAME=sex>女生
     </FORM>

3. 运算符执行的优先顺序：
   
   

   类型	运算符
   括号	()
   一元	! ~ - ++ -- typeof void delete
   算术	* / + -
   位位移	<< >> >>>
   比较	< <= > >= == !=
   位逻辑	& ^（xor） |
   逻辑	&& ||
   三元条件	?
   赋值	= += -= *= /= %= <<= >>= >>>= &= ^= |=

• JavaScript语句：

1. 注释语句：
   
   
   • 单行注释：//注释文字
   • 多行注释：/*
     注释文字
     */
     
     
   • 例：
     /***************************************
     *              源 码 之 家                *
     *         http://www.mycodes.net          *
     *       下载:http://www.mycodes.net       *
     *      论坛http://www.mycodes.net/bbs     *
     *****************************************/
     
     
2. with语句： （对象操作语句）
   
   
   • 功能：为一段程序建立默认对象。
   • 格式：
     with (<对象>){
     <语句组>
     ｝
     
     
   • 例１：
     with (document) {
          write ("限时抢购物品：");
          write ("<Li>ViewSonic 17\" 显示器。");
          write ("<Li>EPSON 打印机。");
     }
     
     
   • 例２：
     document.write ("限时抢购物品：");
     document.write ("<Li>ViewSonic 17\" 显示器。");
     document.write ("<Li>EPSON 打印机。");
     
     
3. if...else语句：
   
   格式1：
   
   
   if (<表达式>)
        <语句1>;
   else
        <语句2>;
   
   if (<表达式>) <语句1>;
   else <语句2>;
   
   例：
   <Script>
   var now = new Date();
   var hour = now.getHours();
   
   if (6 < hour && hour < 18)
        document.write ("辛勤工作才能快乐收割！");
   else
        document.write ("休息一下，充电后再出发。");
   </Script>
   
   格式2：
   
   
   if (<表达式>){
        <语句组1>
   }else{
        <语句组2>
   }
   
   
   
   格式3：
   
   
   if (<表达式1>){
        <语句组1>
   }else if (<表达式2>){
        <语句组2>
   }else{
        <语句组3>
   }
   
   
   例1：
   <Script>
   var now = new Date();
   var day = now.getDay();
   var dayName;
   
   if (day == 0) dayName = "星期日";
   else if (day == 1) dayName = "星期一";
   else if (day == 2) dayName = "星期二";
   else if (day == 3) dayName = "星期三";
   else if (day == 4) dayName = "星期四";
   else if (day == 5) dayName = "星期五";
   else dayName = "星期六";
   
   document.write ("今天是快乐的", dayName);
   </Script>
   
   例2：
   <Script>
   var now = new Date();
   var day = now.getDay();
   var dayName;
   
   if (day = 0) dayName = "星期日";
   else if (day = 1) dayName = "星期一";
   else if (day = 2) dayName = "星期二";
   else if (day = 3) dayName = "星期三";
   else if (day = 4) dayName = "星期四";
   else if (day = 5) dayName = "星期五";
   else dayName = "星期六";
   
   document.write ("今天是快乐的", dayName);
   </Script>
   
   
4. while语句：
   
   格式1：
   
   while (<表达式>)
        语句；
   
   格式2：
   
   while (<表达式>){
        <语句组>
   }
   
   
   例：
   <Script>
   var i = 5;
   
   while ( i > 0 ) {
        document.write("i = " ,i ,"<BR>");
        i--;
   }

   </Script>
   

5. do...while语句：
   
   格式：
   
   do {
        <语句组>
   } while (<表达式>)
   
   
   例：
   <Script>
   var i = 5;
   
   do {
        document.write("i = " ,i ,"<BR>");
        i--;
   } while ( i > 0 )

   </Script>
   

6. for语句：
   
   格式：
   
   for (<初始表达式>；<条件表达式>；<变动量表达式>){
        <语句组>
   }
   
   
   例：
   <Script>
   for ( var i = 5; i > 0; i-- ) {
        document.write("i = " ,i ,"<BR>");
   }

   </Script>
   

7. for...in语句：重复执行指定对象的所有属性
   
   格式：
   
   for ( 变量 in 对象 ){
        <语句组>
   }
   
   例：
   <Script>
   function member(name, sex) {//构造函数member
        this.name = name;
        this.sex = sex;
   }
   
   function showProperty(obj, objString) {
   var str = "";
   for (var i in obj)
        str += objString + "." + i + " = " + obj[i] + "<BR>";
   return str;
   }
   
   papa = new member("杨宏文", "男生");//建立对象实例papa
   document.write(showProperty(papa, "papa"))

   </Script>
   

8. break语句：
   
   格式：break
   
   例：
   <Script>
   var i = 5;
   while ( i > 0 ) {
        if ( i == 3 ) break;
        document.write("i = " ,i ,"<BR>");
        i--;
   }

   </Script>

9. continue语句：
   
   格式：continue
   
   例：
   <Script>
   var i = 5;
   while ( i > 0 ) {
        i--;
        if ( i == 3 ) continue;
        document.write("i = " ,i ,"<BR>");
   }

   </Script>

10. switch语句：
    
    格式：
    
    switch (<表达式>) {
         case <数值1>:<语句组1>
                      break;
         case <数值2>:<语句组2>
                      break;
         ...
         default <语句组>
    }
    
    
    例：
    <Script>
    function greet(givenSex) {
    switch(givenSex) {
         case "帅哥" : alert("你好啊！");
                       break;
         case "美女" : alert("你好啊！");
                       break;
    }
    }
    </Script>

    请输入性别：
    <FORM>
    <INPUT TYPE="radio" NAME="sex" onClick="greet('帅哥')">
    帅哥
    <INPUT TYPE="radio" NAME="sex" onClick="greet('美女')">
    美女
    </FORM>

 

ExtJS教程- Hibernate教程- Struts2 教程- Lucene教程