js的with语句使用方法


Posted in Javascript onSeptember 21, 2007

1)简要说明 
       with 语句可以方便地用来引用某个特定对象中已有的属性,但是不能用来给对象添加属性。要给对象创建新的属性,必须明确地引用该对象。 

2)语法格式 
with(object instance) 

        //代码块 

       有时候,我在一个程序代码中,多次需要使用某对象的属性或方法,照以前的写法,都是通过:对象.属性或者对象.方法这样的方式来分别获得该对象的属性和方法,着实有点麻烦,学习了with语句后,可以通过类似如下的方式来实现: 
with(objInstance) 

       var str = 属性1; 
..... 
} 去除了多次写对象名的麻烦。 

3)举例 
<script language="javascript"> 
<!-- 
function Lakers() { 
       this.name = "kobe bryant"; 
       this.age = "28"; 
       this.gender = "boy"; 

var people=new Lakers(); 
with(people) 

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

//--> 
</script> 
代码执行效果如下: 
姓名: kobe bryant 
年龄:28 
性别:boy

Javascript 相关文章推荐
jQuery动态地获取系统时间实现代码
May 24 Javascript
使用js判断控件是否获得焦点
Jan 03 Javascript
什么是 AngularJS?AngularJS简介
Dec 06 Javascript
javascript中callee与caller的区别分析
Apr 20 Javascript
js+css实现有立体感的按钮式文字竖排菜单效果
Sep 01 Javascript
基于jQuery实现音乐播放试听列表
Apr 14 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
JS模态窗口返回值兼容问题的完美解决方法
May 28 Javascript
ztree实现权限横向显示功能
May 20 Javascript
Vue实现用户自定义字段显示数据的方法
Aug 28 Javascript
React 路由懒加载的几种实现方案
Oct 23 Javascript
深入理解JavaScript 箭头函数
May 30 Javascript
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 #Javascript
指定js可访问其它域名的cookie的方法
Sep 18 #Javascript
完整显示当前日期和时间的JS代码
Sep 17 #Javascript
符合标准的js表单提交的代码
Sep 13 #Javascript
js类后台管理菜单类-MenuSwitch
Sep 12 #Javascript
一实用的实现table排序的Javascript类库
Sep 12 #Javascript
JS类定义原型方法的两种实现的区别评论很多
Sep 12 #Javascript
You might like
PHP的栏目导航程序
2006/10/09 PHP
一些PHP Coding Tips(php小技巧)[2011/04/02最后更新]
2011/05/02 PHP
php仿QQ验证码的实例分析
2013/07/01 PHP
PHP验证信用卡卡号是否正确函数
2015/05/27 PHP
使用PHP和JavaScript判断请求是否来自微信内浏览器
2015/08/18 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
摘自启点的main.js
2008/04/20 Javascript
Jquery中给animation加更多的运作效果实例
2013/09/05 Javascript
一个js控制的导航菜单实例代码
2013/12/03 Javascript
javascript读取Xml文件做一个二级联动菜单示例
2014/03/17 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
分享我的jquery实现下拉菜单心的
2015/11/29 Javascript
jquery实现删除一个元素后面的所有元素功能
2015/12/21 Javascript
JS上传组件FileUpload自定义模板的使用方法
2016/05/10 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
2017/02/14 Javascript
老生常谈js数据类型
2017/08/03 Javascript
详解使用路由延迟加载 Angular 模块
2017/10/12 Javascript
Vue-CLI 项目在pycharm中配置方法
2019/08/30 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
2019/09/23 Javascript
Vue设置长时间未操作登录自动到期返回登录页
2020/01/22 Javascript
OpenLayers3加载常用控件使用方法详解
2020/09/25 Javascript
python多进程共享变量
2016/04/06 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
在python中只选取列表中某一纵列的方法
2018/11/28 Python
在python中list作函数形参,防止被实参修改的实现方法
2020/06/05 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
HTML5添加鼠标悬浮音响效果不使用FLASH
2014/04/23 HTML / CSS
HTML5+CSS3实现机器猫
2016/10/17 HTML / CSS
英国在线药房:Express Chemist
2019/03/28 全球购物
2014年初三班主任工作总结
2014/12/05 职场文书
2015年材料员工作总结
2015/04/30 职场文书
刑事申诉状范文
2015/05/20 职场文书
法院答辩状格式
2015/05/22 职场文书
JavaScript实现班级抽签小程序
2021/05/19 Javascript
详解flex:1什么意思
2022/07/23 HTML / CSS