js中的with语句

﹏ヽ暗。殇╰゛Y 2021-09-19 08:36 343阅读 0赞

学习过js的童鞋都知道js中我们常用的一种类型是对象。

let obj = {
        a:"aa",
        b:"bb",
        c:"cc"
    }

而提到对象，我们要获取它中的属性值，可以使用如下方法：

// 一：
    let a = obj.a
    
    //二：
    let b = ojb["b"]

好吧，这不是今天要说的重点。

我们知道，我们取出对象中的每一个属性值，我们都需要obj....，这样无形中会输入很多次obj，那么我们如何简单的获取到它的属性值呢。

一起来看看吧。

1、常规的方法：

var a = obj.a;
    var b = obj.b;
    var c = obj.c;

2、使用with后的方法：

with(obj){
        var a = a;
        var b = b;
        var c = c;
    }

这里with括号中的值就是我们的公共对象，下面就是每个对象中的值

var qs1 = location.search.substring(1);
    var hostname1 = location.hostname;
    var url1 = location.href;
    
    // 上面几行代码都包含了location对象，可使用with语句简写为以下形式
    
    with(location){
    	var qs2 = search.substring(1);
    	var hostname2 = hostname;
    	var url2 = href;
    }

这样无疑会大大提高我们的效率。

但是凡事都有利弊，我们也不得不提提with的缺点：

**由于大量使用with语句会导致性能下降，同时也会给调试代码造成困难，因此在开发大型应用程序时，不建议使用with语句**

当然，单人日常开发中则不影响我们使用，所以还是有必要了解一下的。

好了，以上就是with的使用。

如有问题，请指出，接受批评。

个人微信公众号：

![20200824115439816.png][]

[20200824115439816.png]: /images/20210812/c9f6804715e049a4a8c5be082af46f9d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，343人围观）

还没有评论，来说两句吧...

相关阅读

相关 Python中with语句的使用

1.with语句![在这里插入图片描述][6e45d6fedb0f43d0afa37d13d4a2b455.png] 2.代码： """1. open("

àì夳堔傛蜴生んèń/ 2023年09月29日 14:23/ 0 赞/ 11 阅读

相关 javascript with语句

> 不要用with 一、with 语句的使用 `with` 的初衷为了避免冗余的对象调用 foo.bar.data.x = 1; foo.bar.da

小鱼儿/ 2022年12月23日 09:55/ 0 赞/ 205 阅读

相关 JS中with的用法举例

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

野性酷女/ 2022年09月17日 11:29/ 0 赞/ 196 阅读

相关 js中的循环语句

我们在程序中最常见到的就是对数组元素的遍历了，就是我们常说的循环语句。在javascript权威指南中对循环语句的定义是程序路径的一个回路，可以让一部分代码重复执行。Javas

落日映苍穹つ/ 2022年07月13日 09:38/ 0 赞/ 247 阅读

相关 js中with的用法

1. with(arg) \{ 2. statement 3. \} 4. // arg在执行参数体的时候js通过with将arg加入大括号

我就是我/ 2022年07月12日 15:24/ 0 赞/ 302 阅读

相关 js中的eval和with

js中有两个方法可以改变词法作用域，eval(...)和with(...)。前者可以接受一段字符串代码来进行演算，并借此来修改已存在的词法作用域，后者本质上是通过将一个对象的引

左手的ㄟ右手/ 2022年05月12日 04:12/ 0 赞/ 222 阅读

相关 with语句

一语法 with语句被用于在访问一个对象的属性或方法时避免重复使用指定对象引用。语法： with(object) \{ stataments \} objec

电玩女神/ 2022年05月11日 23:22/ 0 赞/ 194 阅读

相关 javascript中的with语句

Make Your JavaScript Code More Readable Using the with() Statement The with() statement

深藏阁楼爱情的钟/ 2021年12月22日 14:55/ 0 赞/ 296 阅读

相关 js中的with语句

学习过js的童鞋都知道js中我们常用的一种类型是对象。 let obj = { a:"aa", b:"bb", c:"

﹏ヽ暗。殇╰゛Y/ 2021年09月19日 08:36/ 0 赞/ 344 阅读

相关 python中的with语句用法总结

class Kirin: def test(self): print("输出test") def __

红太狼/ 2021年09月17日 22:44/ 0 赞/ 435 阅读