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

<!--

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代码块中调用对象的方法：

<!--

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循环遍历数组，代码如下：

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语句调用对象的属性和属性值，代码如下：

<!--

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 阿蜜果阅读(3152) 评论(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 | αβγ

仔细阅读了，感谢总结。回复更多评论

新用户注册刷新评论列表


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




网站导航: 博客园 IT新闻 Chat2DB C++博客博问管理
相关文章: 蜜果私塾：在JavaScript中使用适配器模式蜜果私塾：在JavaScript中使用工厂模式蜜果私塾：在JavaScript中使用单例模式蜜果私塾：JavaScript代码的坏味道【不断补充】蜜果私塾：DOM，黑色艺术的终结者（3）蜜果私塾：DOM，黑色艺术的终结者（2）蜜果私塾：DOM，黑色艺术的终结者（1） js操作iframe的一些知识 JavaScript学习笔记——继承 JavaScript学习笔记——浏览器中的JavaScript

2007年4月

日

一

二

三

四

五

六

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

Power Designer系统分析与建模实战（2015年7月出版）

Struts2+Hibernate3+Spring2 （2010年5月出版）

留言簿(262)

随笔分类

随笔档案

文章分类

相册

关注blog

积分与排名

最新评论

阅读排行榜

评论排行榜