javascript中的with语句学习笔记及用法
更新时间：2020年02月17日 17:07:08 作者：h祝h
在本篇文章里小编给大家分享的是关于javascript中的with语句学习笔记及用法，有需要的朋友们可以学习下。
在JS中，with 语句的作用是将代码的作用域设置到一个特定的对象中。其语法如下：with (expression) statement;
定义 with 语句的目的主要是为了简化多次编写同一个对象的工作，如下面的代码：
var qs = location.search.substring(1); var hostName = location.hostname; var url = location.href;
上面几行代码都包含 location 对象。如果使用 with 语句，可以把上面的代码改写成如下所示：
with(location){
var qs = search.substring(1);
var hostName = hostname;
var url = href;
}
下面的代码使用 with 语句关联了 location 对象。这意味着在 with 语句的代码块内部，每个变量首先被认为是一个局部变量，而如果在局部环境中找不到该变量的定义，就会查询
location 对象中是否有同名的属性。如果发现了同名属性，则以 location 对象属性的值作为变量的值。
大量使用with非常耗性能，而且在严格模式下使用with语句会报错。所以建议没什么 必要不要用with语句
实例扩充：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>With语句(类似于VB中的)</title>
<script type="text/javascript">
function Student(name, age) {
this.name = name;
this.age = age;
}
var stu = new Student('罗纳尔多', 36);
with (stu) {
//With语句(类似于VB中的),用于简化代码
alert("Name:" + name + ",Age:" + age);
}
</script>
</head>
<body>
</body>
</html>
以上就是脚本之家小编整理分享的全部知识点内容，感谢大家的支持。
相关文章
下面小编就为大家带来一篇老生常谈js中0到底是 true 还是 false。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要为大家详细介绍了js实现的两种方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
这篇文章主要介绍了JavaScript利用append添加元素报错的解决方法,需要的朋友可以参考下2014-07-07
这篇文章主要为大家详细介绍了JS实现小米轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要介绍了JS如何在数组指定位置插入元素,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-03-03
javascript HTML5文件上传FileReader API
这篇文章主要介绍了javascript HTML5文件上传FileReader API的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-04-04
这篇文章主要给大家汇总介绍了javascript最基本的7个函数，十分的实用，有需要的小伙伴可以参考下。2015-06-06
下面小编就为大家带来一篇信息滚动效果的实例讲解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了JavaScript基于setTimeout实现计数的方法,涉及javascript中setTimeout方法的使用技巧,需要的朋友可以参考下2015-05-05
cookie其实就是网站放在用户机器上的一小块信息，cookie对于用户来说是唯一的，网站可判断用户上次访问网站的时间，以及他访问了哪些页面，可用于在某个网站跟踪你访问的页面，但无法用它来获取个人信息。2015-06-06
最新评论