JavaScript中for...in循环与with语句的使用详解

作者:纸飞机时间:2026-10-28 18:12:18浏览:657

本文详细介绍JavaScript中for...in循环用于遍历对象属性的机制,以及with语句如何为代码块建立默认对象。通过具体代码示例展示如何遍历自定义对象属性,并解析with语句在简化代码书写中的作用与潜在风险。

for...in 循环遍历对象属性

for...in 循环用于遍历对象中所有可枚举的属性。

with 语句建立默认对象

with 语句是一种对象操作语句,其主要功能是为一段程序代码建立默认对象,从而简化属性访问。

其基本语法格式如下所示。

代码如下:

with (<对象>) {
<语句组>
           }

具体示例如下。

代码如下:

<script type="text/javascript">
function member(name, gender) {
this.name = name;
this.gender = gender;
}
function showProperty(obj, objStr) {
var str = "";
for (var i in obj) {
str += objStr + "." + i + " = " + obj[i] + "<br>";
    } 
return str;
}
var obj = new member("刘若英", "女");
//document.write(showProperty(obj, "person"));
with (document) {
write(showProperty(obj, "person"));
} 
</script>
/*运行效果:
person.name = 刘若英
person.gender = 女
*/

通过上述示例,相信读者已经对JavaScript中for...in遍历对象属性以及with语句的使用有了清晰的认识。掌握这些基础语法是深入学习JavaScript的关键。

作者最新文章