js with语句

最新推荐文章于 2024-07-18 10:10:43 发布
最新推荐文章于 2024-07-18 10:10:43 发布
阅读量308 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/x386277405/article/details/78673561
版权

with语句的目的主要是为了简化多次编写同一个对象工作，如下面例子所示：

var qs=location.search.substring(1);
var hostName=location.hostname;
var url=location.href;

上面几行代码都包含location对象。使用with可以省去location重复编写： 

 

 with(location){ 

 
var qs=search.substring(1); 

 
var hostName=hostname; 

 
var url=href; 

 } 

 

 

严格模式下不允许使用with，否则视为语法错误

                

        

        

    

  


    

      

        

            

              
                
                  ManrayHsu
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
JS之with语句

				
			

			

				

					shandamengcheng的博客
				

				

					09-09
					
					1428
					
				

			

		

		

			
				
在Javascript中，有一个特别的语句——with语句

作用


将代码的作用域设置到一个特定的对象中。


语法


with(expression) statements


目的


为了简化多次编写同一个对象的工作

        <div id = "Div">
            jaiocoibewiobvie
        </div>
   ...

			
		

	



                

              
                



	

		

			

				
					
JavaScript with语句

				
			

			

				

					GO_DIE
				

				

					02-01
					
					264
					
				

			

		

		

			
				
不建议使用with语句，因为它可能是混淆错误和兼容性问题的根源。在 ECMAScript 5 严格模式中该标签已被禁止。推荐的替代方案是声明一个临时变量来承载你所需要的属性。
with
扩展一个语句的作用域链。
语法
with (expression) {
    statement
}

expression
将给定的表达式添加到在评估语句时使用的作用域链上。表达式周围的括号是必需的。
stat...

			
		

	



                


  
              

                


	

		

			

				
					
深入浅析JavaScript中with语句的理解

				
			

			

				

					10-22
				

			

		

		

			
				
JavaScript 有个 with 关键字, with 语句的原本用意是为逐级的对象访问提供命名空间式的速写方式。这篇文章主要介绍了JavaScript中with语句的相关知识，感兴趣的朋友一起学习吧

			
		

	





	

		

			

				
					
关于js with语句的一些理解

				
			

			

				

					小小桐的专栏
				

				

					07-08
					
					2491
					
				

			

		

		

			
				
今天看到js的with语句部分，书中写到，with语句接收的对象会添加到作用域链的前端并在代码执行完之后移除。看到这里，我有两点疑问，添加到作用域链前端是不是指对象会被放置到作用域链的最底部，然后查找变量时最先查找这个对象（按照我的理解，js的作用域链查找变量的过程是一个冒泡的过程，底部开始往上走，找到了就停止冒泡），第二点就是，执行之后移除是不是指with语句之后就移除那个对象。于是写了一个简单的

			
		

	



		

			
		



	

		

			

				
					
深入理解 JavaScript 中的 with 语句

					
最新发布

				
			

			

				

					粉丝们务必加入微信粉丝群
				

				

					07-18
					
					894
					
				

			

		

		

			
				
通常来说，所有 JavaScript 开发人员都有一个共同的概念：“避免使用 with 语句。” 这条准则无疑是正确的，但并不是每个人都能很好地解释为什么。虽然只记住“不要使用它”的结果就足够了，但理解其背后的原因对于深入理解 JavaScript 语言和编写高质量代码非常有帮助。with 语句with 语句的初衷是为了避免冗长的对象调用：foo.bar.baz.x=1;
foo.bar.ba...

			
		

	





	

		

			

				
					
javascript with用法

				
			

			

				

					weixin_30399055的博客
				

				

					04-10
					
					88
					
				

			

		

		

			
				
为语句设定默认对象。 
with (object)statements 
参数
object
新的默认对象。
statements
一个或多个语句，object 是该语句的默认对象。
说明
with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中，请注意 Math 的重复使用： x = Math.cos(3 * Math.PI) + Math.sin(Math.LN...

			
		

	





	

		

			

				
					
js中的with语句

				
			

			

				

					xufeiayang的博客
				

				

					10-04
					
					622
					
				

			

		

		

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

			
		

	





	

		

			

				
					
Vue js with语句原理及用法解析

				
			

			

				

					10-14
				

			

		

		

			
				
// 使用with语句 with (obj) {  var a = a;  var b = b;  var c = c; } ```  使用`with`可以让代码更简洁，因为不需要反复写`obj.`。然而，这也有其潜在的问题：  1. **性能影响**：JavaScript引擎为了优化代码，...

			
		

	





	

		

			

				
					
Javascript中With语句用法实例

				
			

			

				

					10-24
				

			

		

		

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

			
		

	





	

		

			

				
					
javascript的 with语句

				
			

			

				

					我的博客简介
				

				

					01-23
					
					1092
					
				

			

		

		

			
				
语句是 JavaScript 中的一个关键字，用于简化访问对象属性和方法的代码，但它在现代的 JavaScript 开发中已经不推荐使用。因此，推荐使用更明确且可读性更好的方式来访问对象的属性和方法，如直接使用对象名称、点操作符。语句可以省略重复的对象名称来访问该对象的属性和方法，从而简化代码，提高可读性。语句可以在指定的作用域中快速访问变量，而无需重复输入作用域的名称。简化对象属性的访问：使用。然而，考虑到以下原因，

			
		

	





	

		

			

				
					
with 语句

				
			

			

				

					weixin_30404405的博客
				

				

					07-25
					
					106
					
				

			

		

		

			
				
with 语句为语句设定默认对象。 
with (object) statements 
参数object
新的默认对象。
statements
一个或多个语句，object 是该语句的默认对象。
说明with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中，请注意 Math 的重复使用： 
x = Math.cos(3 Math.PI) + Math.sin(Mat...

			
		

	





	

		

			

				
					
JavaScript中with语句

				
			

			

				

					scbiaosdo的博客
				

				

					06-21
					
					927
					
				

			

		

		

			
				
简要说明 with 语句可以方便地用来引用某个特定对象中已有的属性，但是不能用来给对象添加属性。要给对象创建新的属性，必须明确地引用该对象。 语法格式 with(object instance) {         //代码块 }  什么时候使用多次需要使用某对象的属性或方法，照以前的写法，都是通过:对象.属性或者对象.方法这样的方式来分别获得该对象的属性和方法，着实有点麻烦，这时候使用with语...

			
		

	





	

		

			

				
					
JS with 语句

				
			

			

				

					workAccumulate的专栏
				

				

					07-08
					
					639
					
				

			

		

		

			
				
with 语句
为语句设定默认对象。 
with (object)
   statements 
参数
object
新的默认对象。
statements
一个或多个语句，object 是该语句的默认对象。
说明
with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中，请注意 Math 的重复使用：

x = Math.cos(3 * Math.PI) + Ma

			
		

	





	

		

			

				
					
js  with语句

				
			

			

				

					qq_38921817的博客
				

				

					01-26
					
					286
					
				

			

		

		

			
				
看书时候看到了with语句的一些用法，决定把它写下来：
（1）首先：with语句的原本用意是为逐级的对象访问提供命名空间式的速写方式。也就是在指定的代码区域，直接通过节点名称调用对象。
（2）with语句的作用主要是为了简化多次编写同一个对象的工作，减少代码的重复输入。

var obj = {a:2};
function test() {
    var a = 1;
    with 

			
		

	





	

		

			

				
					
js的with语句

				
			

			

				

					zp1996323的博客
				

				

					11-04
					
					3313
					
				

			

		

		

			
				
今天再看一段代码，感觉自已对with的理解很不到位啊，由于with语句在开发中基本不会使用，而且很多书上也不建议使用with来改变函数的作用域，并且在严格模式下with语句是禁用的。var obj = {
    x: 10,
    foo: function () {
        with(this) {
            var x = 20;
        }
    }
}
c

			
		

	





	

		

			

				
					
js之with语句

				
			

			

				

					hansboss的博客
				

				

					03-05
					
					197
					
				

			

		

		

			
				
Usage

with语句可以方便的引用某个对象中的属性，但是只能查询不能修改，在非严格模式下可以使用，简化了多次引用对象来获取属性值的麻烦（object.attributeName）

let obj = {
    name: 'hcx',
    age: 18,
    gender: '男'
}
let str = ''
with (obj) {
    str = name + ':'...

			
		

	





	

		

			

				
					
js with() 语句

				
			

			

				

					爱码喵的博客
				

				

					08-24
					
					445
					
				

			

		

		

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

2）语法格式  

with(object instance)  
{  
        //代码块  
}  

举例如下：

&lt;script language="javascript"&gt;  
function Lakers() {  
    ...

			
		

	





	

		

			

				
					
JavaScript with语句详解及教程

				
			

			

				

					
				

			

		

		

			
				
"这篇教程详细介绍了JavaScript中的with语句，并提到了JavaScript语言的基本特性、区别于Java的地方，以及基于对象和面向对象的概念。"  在JavaScript编程中，`with`语句是一个特殊的作用域控制结构，它允许你在一段...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值