JavaScript with语句的语法与使用示例
作者：代码拾荒时间：2026-10-28 13:07:38浏览：347
本文介绍JavaScript中with语句的语法格式及其使用方法。通过指定参考对象，可以在with块内省略对象前缀，简化对对象属性和方法的访问。文章提供了基于Document对象的完整代码示例，展示如何利用with语句减少重复代码，提高编写效率。
JavaScript with语句语法与使用示例
内容导读：使用 With 语句可以无需在存取对象属性和方法时重复指定参考对象。在 With 语句块中，所有 JavaScript 无法直接识别的属性和方法都将关联到该语句块所指定的对象。With 语句的语法格式如下所示：
With Object {
Statements
}
对象指明了当语句组中对象缺省时的参考对象，这里我们用较为熟悉的 Document 对象对 With 语句举例。例如 当使用与 Document 对象有关的 write( )或 writeln( )方法时，往往使用如下形式：
document.writeln(”Hello!“)
如果需要显示大量数据时，就会多次使用同样的 document.writeln（）语句，这时就可以像下面的程序那样，把所有以 Document 对象为参考对象的语句放到With 语句块中，从而达到减少语句量的目的。下面是一个With 语句使用的例子：
<html>
<head>
<title>JavaScript Unleashed</title>
</head>
<body>
<script type="text/javascript">
<!—
with(document){
write("您好 !");
write("<br>这个文档的标题是 : \"" + title + "\".");
write("<br>这个文档的 URL 是: " + URL);
write("<br>现在您不用每次都写出 document 对象的前缀了 !");
}
// -->
</script>
</body>
</html>这样，您在使用 document 的方法和属性时就可以去掉 Document 前缀。
作者最新文章
5款主流JS在线运行工具对比：CodePen、JSFiddle与StackBlitz怎么选
2026-11-05 17:04:04
JavaScript入门书籍避坑：这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
JavaScript函数定义的三种方式：声明、表达式与箭头函数
2026-11-05 13:50:55