`
MauerSu
  • 浏览: 509230 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

js的with语句使用方法

 
阅读更多

源:

评:

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

分享到:
评论

相关推荐

    JS分类语句大全

    with语句可以临时地将对象作为当前对象,以便简化对象的访问。语法如下: with(对象) { 执行语句...... } new语句用于创建一个新的对象实例。语法如下: var 对象名 = new 构造函数(参数); delete语句用于删除...

    Javascript中With语句用法实例

    因此,大多数现代JavaScript开发者会尽量避免使用with语句,而采用更加明确的代码风格,如使用变量来引用对象,或者使用ES6引入的解构赋值等。 另一方面,与VB中的with语句相比,JavaScript的with语句略有不同。VB...

    javascript完美学习视频教程-----11.javascript流程控制-跳转语句、with语句

    尽管with语句有时能简化代码,但它也有一定的性能影响,因为它改变了作用域链,可能导致意外的行为,因此在现代JavaScript编码风格中,通常建议避免使用with。 例如,假设我们有一个对象`person`,包含`name`和`age...

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

    Vue.js 是一个流行的前端JavaScript框架,用于构建用户界面。在Vue.js的编译过程中,有一段涉及`with`语句的...在日常开发中,遵循Vue的最佳实践,如声明式数据绑定和使用方法,将有助于创建更加高效且易于理解的代码。

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

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

    关于JavaScript的with 语句的使用方法

    // 使用with语句 with(apple.banana.candy.dog.egg.fog.god.huh) { index = 0; doSomething(index); } ``` 尽管`with`语句可以减少代码量,使代码看起来更简洁,但它的使用却存在一些显著的缺点: 1. **性能问题...

    JavaScript严格模式禁用With语句的原因

    严格模式下,如果尝试使用with语句,JavaScript会抛出语法错误。这种设计减少了代码中意外行为的可能性,让开发者在编写代码时就必须明确变量的来源,这样做虽然一开始可能会带来一些不便,但从长远来看,可以提升...

    Javascript流程控制语句

    with语句允许使用简短的形式访问对象的属性,但不建议使用,因为它可能会导致作用域污染。 ```javascript var obj = {a: 1, b: 2}; with (obj) { console.log(a); // 输出 1 console.log(b); // 输出 2 } ``` ...

    Learn JavaScript with p5.js--2018年

    在《Learn JavaScript with p5.js》这本书中,作者Engin Arslan带领读者从零开始学习如何使用JavaScript和p5.js库创建计算机图形。本书面向初学者,特别是那些对视觉学习感兴趣的人士。 **JavaScript**是一种广泛...

    在js中使用with语句中跨frame的变量引用问题

    在JavaScript编程中,`with`语句是一种语法结构,它允许开发者在特定的代码块内,简化对对象属性的访问。然而,`with`语句并非总是无懈可击,尤其是在涉及跨`frame`的变量引用时,可能会引发一些不易察觉的错误。...

    javascript中的with语句学习笔记及用法

    为了避免这些问题,开发者通常会避免使用`with`语句,而是采用其他替代方法,比如使用对象的点操作符或方括号操作符,或者使用闭包来封装对特定对象的引用。 以下是一个不使用`with`的示例,展示了相同的功能: ``...

    javascript中with()方法的语法格式及使用

    内容导读: 有了 With 语句,在存取对象属性和方法时就不用重复指定参考对象,在 With 语句块中,凡是 JavaScript 不识别的属性和方法都和该语句块指定的对象有关。With 语句的语法格式如下所示: With Object { ...

    javascript之with的使用(阿里云、淘宝使用代码分析)

    JavaScript中的`with`语句是一种特殊的语法结构,它允许开发者在一个特定的作用域内访问对象的属性,而无需反复地引用该对象。然而,由于`with`语句在编译阶段可能导致性能下降,以及在严格模式下被禁用,它通常被...

Global site tag (gtag.js) - Google Analytics