Javascript with 的用法 - 刀剑笑 - ITeye博客

`

firefly_zp

浏览: 19880 次
性别:
来自: 成都

最近访客更多访客>>

hanghangdede

my_bbs

issac2015

winting

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

jingeying： [list][*]引用ASFDASDFADS[/list]
javascript 原型函数 prototype 工作原理
windrainpy： qqwswxdo 写道有个问题想请教下：object1.met ...
javascript 垃圾回收机制
qqwswxdo：有个问题想请教下：object1.method1 = &quo ...
javascript 垃圾回收机制
mingliang_luo：一般，推荐《javascript高级程序设计》的面向对象设计和 ...
由 OO 继承来谈谈 javascript 继承
指甲刀X：学习鸟
由 OO 继承来谈谈 javascript 继承

Javascript with 的用法

博客分类：

Javascript

javascript js with语句 with

阅读更多

Javascript 中 with 的用法并不常见，其主要作用是将代码的作用域指定到某一个特定的对象。

此话说起来比较空洞，下面用一个例子来阐述 with 语句的用法。

例：<body >

<input value="aaa" id="a" type="text"/>

<input value="bbb" id="b" type="text"/>

<script type="text/javascript" language="JavaScript">

with(document){

var av = getElementById("a").value;

var bv = getElementById("b").value;

alert(av); // 输出 aaa

alert(bv); // 输出 bbb

}

</script>

</body>

通过上述例子，with 的用法就一目了然了。如果删掉 with(document){ 和 } 后会发生什么呢？

js代码出错就不用说了，在 firefox 里面给出的错误提示是：getElementById is not defined.

with 的用法就这么简单，但是大量使用 with 会降低程序效率，同时也给调试增加了很大困难，因此，在开发大型程序是不建议使用 with 语句。

博文系作者原创，转载请注明地址：http://firefly-zp.iteye.com

分享到：

javascript 垃圾回收机制

2011-10-13 10:58
浏览 1451
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Learn JavaScript with p5.js--2018年: 在《Learn JavaScript with p5.js》这本书中，作者Engin Arslan带领读者从零开始学习如何使用JavaScript和p5.js库创建计算机图形。本书面向初学者，特别是那些对视觉学习感兴趣的人士。 **JavaScript**是一种广泛...

javascript中eval和with用法实例总结.docx: ### JavaScript中的`eval`与`with`用法详解 #### 一、`eval`函数 ##### 1. 定义 `eval`是JavaScript中一个非常强大的内置函数，它可以将字符串解析并执行为JavaScript代码。这使得开发者能够在运行时动态地创建和...

javascript简单事件处理和with用法介绍.docx: ### JavaScript简单事件处理和with用法介绍 #### 一、JavaScript事件处理 JavaScript是一种广泛使用的脚本语言，常用于Web前端开发中增加交互性。在Web开发中，事件处理是实现用户与页面交互的重要手段之一。 ###...

Javascript中With语句用法实例: With语句在JavaScript中是一种特殊的语法结构，它的作用是扩展一个语句的作用域链。通过with语句可以不需要重复引用某个对象就能多次访问该对象的属性。这在某些情况下可以减少代码的书写量，但同时它也存在争议，...

Beginning JavaScript with DOM Scripting and Ajax: 书中可能会对比传统JavaScript与现代JavaScript的差异，并简单介绍这些流行框架的基本用法。六、实践与项目理论学习之外，书中的实例和练习将帮助读者将所学知识应用于实际项目中。读者可能需要完成诸如动态加载...

javascript中eval和with用法实例总结: 本文实例讲述了javascript中eval和with用法。分享给大家供大家参考，具体如下：我们都知道javascript的作用域机制，但是with和eval有时会“破坏”我们对于作用域的常规理解。下面参考网上资源和自己理解总结一下...

begin javascript css with jquery: 《Begin Javascript CSS with jQuery》是一本专注于jQuery技术的...通过学习，读者不仅可以熟练掌握jQuery的基本用法，还能深入了解如何将JavaScript、CSS和jQuery结合起来，构建高性能、用户体验优良的现代Web应用。

javaScript中with函数用法实例分析: JavaScript中的`with`函数，实际上是一个语句，它允许你在执行一段代码时，将某个对象设置为当前作用域，这样你就可以直接访问该对象的属性而无需每次都明确地写对象名。然而，`with`语句在现代JavaScript开发中并不...

javascript简单事件处理和with用法介绍: 在本次内容中，我们将详细探讨JavaScript中的事件处理以及with语句的用法。首先，我们来了解一下JavaScript中的事件处理机制，它允许网页开发者对用户的操作做出响应。具体来说，我们会关注鼠标点击与移动这两种常见...

Speed Typing Test App using JavaScript with Source Code.zip: 综上所述，这个"Speed Typing Test App using JavaScript"项目不仅展示了JavaScript作为编程语言的基本用法，还涉及到Web开发中的诸多实践，包括事件驱动编程、DOM操作、时间管理、数据存储以及用户界面设计。...

Advanced Game Design with HTML5 and JavaScript: 它涵盖了Web Audio API的基本用法，包括如何播放声音、调整音量、实现立体声效果等。 ##### 第10章：缓动效果缓动效果可以使动画过渡更加平滑自然。本章介绍了如何实现缓动效果，并讨论了不同的缓动算法。通过使用...

Puzzle Game using JavaScript with Source Code.zip: 通过这个JavaScript实现的拼图游戏，开发者不仅可以掌握Canvas的基本用法，还能理解游戏逻辑的构建和事件处理机制。更重要的是，这提供了一个实践JavaScript和HTML5技术的好机会，对提升Web开发技能大有裨益。对于...

Professional JavaScript for Web Developers,3rd Edition_with_code: 了解它们的差异和用法，可以提高代码的可维护性和复用性。 10. **浏览器兼容性**：虽然现代浏览器对JavaScript的支持越来越广泛，但了解不同浏览器之间的差异，以及如何使用工具如Babel进行转译，可以帮助我们确保...

javascript中的with语句学习笔记及用法: JavaScript中的`with`语句是一种特殊的作用域控制结构，它允许你在一段代码中方便地访问某个对象的属性，而无需反复地使用`.`或`[]`操作符。`with`语句的基本语法是： ```javascript with (expression) { // 代码...

Global site tag (gtag.js) - Google Analytics