javascript下with 的简化代码写法

 更新时间:2008年02月19日 23:15:20   作者:  
with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中,请注意 Math 的重复使用
with (object)
statements
参数
object
新的默认对象。
statements
一个或多个语句,object 是该语句的默认对象。
说明
with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中,请注意 Math 的重复使用:

x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10)
y = Math.tan(14 * Math.E)
当使用 with 语句时,代码变得更短且更易读:
复制代码 代码如下:

with (Math){
x = cos(3 * PI) + sin (LN10)
y = tan(14 * E)
}


with(),,,; 
with(document)write(fileSize),write('<br>'+lastModified)  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

避免使用JavaScript的With
JavaScript允许使用with关键字来指定某个对象的一系列属性或者方法。比如有这样一段代码:
复制代码 代码如下:

var x = document.body.scrollLeft;
document.write('text1');
document.write('text2');
document.write('text3');

如果用with的话,可以这样写:
复制代码 代码如下:

with document {
var x = body.scrollLeft;
write('text1');
write('text2');
write('text3');
}

但是,这样看似精简代码的方法却会使JavaScript的执行时间增加许多。因为它会去检查大括号内的每个变量是否是这个对象的属性或者方法。
所以,如果要精简代码的话,可以这样写,从而避免使用with。
复制代码 代码如下:

var d = document;
var x = d.body.scrollLeft;
d.write('text1');
d.write('text2');
d.write('text3');

相关文章

  • 一篇文章教你JS函数继承

    一篇文章教你JS函数继承

    这篇文章主要介绍了js继承方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-09-09
  • asp.net下利用js实现返回上一页的实现方法小集

    asp.net下利用js实现返回上一页的实现方法小集

    其实要实现这个功能主要还是要用到javascript
    2009-11-11
  • js验证密码强度解析

    js验证密码强度解析

    这篇文章主要为大家详细介绍了js验证密码强度,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 小程序红包雨的实现示例

    小程序红包雨的实现示例

    这篇文章主要介绍了小程序红包雨的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-02-02
  • JavaScript表格常用操作方法汇总

    JavaScript表格常用操作方法汇总

    这篇文章主要介绍了JavaScript表格常用操作方法,实例汇总了javascript中表格操作的创建、添加、删除、遍历等常用操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • webpack4 css打包压缩问题的解决

    webpack4 css打包压缩问题的解决

    本篇文章主要介绍了webpack4 css打包压缩问题的解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • 兼容FireFox 用javascript写的一个画图函数

    兼容FireFox 用javascript写的一个画图函数

    兼容FireFox 用javascript写的一个画图函数...
    2007-08-08
  • 基于layui实现登录页面

    基于layui实现登录页面

    这篇文章主要为大家详细介绍了基于layui实现登录页面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • 构造函数+原型模式构造js自定义对象(最通用)

    构造函数+原型模式构造js自定义对象(最通用)

    这种方式是javascript中最通用的创建对象的方式,下面用示例为大家介绍下
    2014-05-05
  • uni-app 支持多端第三方地图定位的方法

    uni-app 支持多端第三方地图定位的方法

    这篇文章主要介绍了uni-app 支持多端第三方地图定位的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01

最新评论