posts - 297,  comments - 1618,  trackbacks - 0
      with语句和for...in语句是js中用于对象的语句。以下分别对这两个语句进行详细介绍和举例。
  1. with语句
      1)简要说明
        with 语句可以方便地用来引用某个特定对象中已有的属性,但是不能用来给对象添加属性。要给对象创建新的属性,必须明确地引用该对象。
      2)语法格式
      with(object instance) {
     //代码块
   }
   有时候,我在一个程序代码中,多次需要使用某对象的属性或方法,照以前的写法,都是通过:对象.属性或者对象.方法这样的方式来分别获得该对象的属性和方法,着实有点麻烦,学习了with语句后,可以通过类似如下的方式来实现:
  with(objInstance) {
     var str = 属性1;
     ......
  }
  去除了多次写对象名的麻烦。
  3)举例
   eg1.在with中取对象属性举例:
<script language="javascript">
<!--
function Employee() {
    
this.name = "阿蜜果";
    
this.age = "24";
    
this.gender = "";
}


var amigo = new Employee();
with(amigo) {
    
var str = "姓名: " + name + "<br>";
    str 
+= "年龄:" + age + "<br>";
    str 
+= "性别:" + gender;
    document.write(str);
}

//-->
</script>
     代码执行效果如下:
      姓名: 阿蜜果
      年龄:24
      性别:女
    eg2.在with代码块中调用对象的方法:
   
<script language="javascript">
<!--
var now = new Date();
with(now) {
    
var str = "当前日期:";
    str 
+= getYear() + "";
    str 
+= (getMonth() + 1+ "";
    str 
+= getDate() + "";

    document.write(str);
}

//-->
</script>

    程序执行结果如下:
    当前日期:2007年4月7日
2. for...in语句
   1)简要说明
     该语句用于对数组或者对象的属性进行循环操作。它可对某个对象的所有属性进行循环操作。
   2)语法格式
     for (变量 in 对象) {
        在此执行代码
     }
   3)举例
    eg1.使用for...in循环遍历数组,代码如下:
     
<script type="text/javascript">
var index;
var myFriends = new Array();
myFriends[
0= "chocalate Xiao";
myFriends[
1= "sterning";
myFriends[
2= "wolf";

document.write(
"friends list: <br/>")
for (index in myFriends) {
    document.write(myFriends[index] 
+ "<br/>")
}

</script>


    执行结果如下:
    friends list: 
    chocalate Xiao
    sterning
    wolf
    eg2. 使用for...in语句调用对象的属性和属性值,代码如下:
   
<script language="javascript">
<!--
function Employee() {
    
this.name = "阿蜜果";
    
this.age = "24";
    
this.gender = "";
}


var amigo = new Employee();
var prop;
for(prop in amigo) {
    document.write(
"属性: " + prop + ";属性值: " + amigo[prop] + "<br/>");
}

//-->
</script>

     代码执行结果如下:
     属性: name;属性值: 阿蜜果
     属性: age;属性值: 24
     属性: gender;属性值: 女
posted on 2007-04-07 12:18 阿蜜果 阅读(3151) 评论(4)  编辑  收藏 所属分类: Javascript


FeedBack:
# re: js中用于对象的语句——with和for...in语句学习专题
2007-04-07 13:54 | junglesong
别忘了:
for(var p in obj){
if(typeof(obj[p]=="function"){
obj[p]();
}
else{
// alert(obj[p]);
}
}

  回复  更多评论
  
# re: js中用于对象的语句——with和for...in语句学习专题[未登录]
2007-04-07 18:34 | 阿蜜果
thx,嘻嘻  回复  更多评论
  
# re: js中用于对象的语句——with和for...in语句学习专题
2007-04-12 10:32 | amp@java
美女^0^  回复  更多评论
  
# re: js中用于对象的语句——with和for...in语句学习专题
2007-04-19 23:48 | αβγ
仔细阅读了,感谢总结。  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航:
 
<2007年4月>
25262728293031
1234567
891011121314
15161718192021
22232425262728
293012345

      生活将我们磨圆,是为了让我们滚得更远——“圆”来如此。
      我的作品:
      玩转Axure RP  (2015年12月出版)
      

      Power Designer系统分析与建模实战  (2015年7月出版)
      
     Struts2+Hibernate3+Spring2   (2010年5月出版)
     

留言簿(262)

随笔分类

随笔档案

文章分类

相册

关注blog

积分与排名

  • 积分 - 2285123
  • 排名 - 3

最新评论

阅读排行榜

评论排行榜