`
hlbng
  • 浏览: 177527 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JS中with的用法

阅读更多

进来在看到在js中使用with,实话我以前从来没有碰到过。

eg:

Js代码 复制代码
  1. with(Math) {   
  2.      alert(E); // 得到结果就是Math.E的结果   
  3. }   
  4. // 如果在外部使用   
  5. alert(E); // 不是Math中的E   
  6. // 根据 https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference:Statements:with 中的解释   
  7.   
  8. with(arg) {   
  9.      statement   
  10. }   
  11. // arg在执行参数体的时候js通过with将arg加入大括号的作用域链中,让statement可以访问到arg,如上边的例子这样如果用户访问Math中的属性和方法的时候就可以直接写方法和属性名,就像window的全局属性和方法一样直接使用,省略前边的对象   
  12.   
  13. // 一段伪代码   
  14. eg:   
  15. var obj = {E : "hello"};   
  16. with(Math) {   
  17.      alert(E);   
  18.      with(obj)  {   
  19.           alert(E);   
  20.      }   
  21. }   
  22. // 如果with嵌套使用就是按照作用域的顺序  
分享到:
评论

相关推荐

    Javascript中With语句用法实例

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

    javascript中eval和with用法实例总结.docx

    ### JavaScript中的`eval`与`with`用法详解 #### 一、`eval`函数 ##### 1. 定义 `eval`是JavaScript中一个非常强大的内置函数,它可以将字符串解析并执行为JavaScript代码。这使得开发者能够在运行时动态地创建和...

    javascript中eval和with用法实例总结

    本文实例讲述了javascript中eval和with用法。分享给大家供大家参考,具体如下: 我们都知道javascript的作用域机制,但是with和eval有时会“破坏”我们对于作用域的常规理解。下面参考网上资源和自己理解总结一下...

    javascript简单事件处理和with用法介绍.docx

    ### JavaScript简单事件处理和with用法介绍 #### 一、JavaScript事件处理 JavaScript是一种广泛使用的脚本语言,常用于Web前端开发中增加交互性。在Web开发中,事件处理是实现用户与页面交互的重要手段之一。 ###...

    Learn JavaScript with p5.js--2018年

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

    javaScript中with函数用法实例分析

    JavaScript中的`with`函数,实际上是一个语句,它允许开发者在一个特定的作用域内,将一个对象的属性作为当前作用域的一部分。这意味着,在`with`语句块内的代码可以直接使用对象的属性,而无需每次都写全对象名。...

    Getting Started with p5.js中文版

    《Getting Started with p5.js中文版》是一本针对初学者的p5.js教程,由Lauren McCarthy、Casey Reas和Ben Fry共同创作。p5.js是一个基于JavaScript的创意编程库,它的目标是使编程变得更为易用和包容,特别适合艺术...

    js出现.endWith is not a function问题.pdf

    JavaScript中的`.endWith()`方法并不是一个内置的函数,这可能是你在尝试使用时遇到“endWith is not a function”错误的原因。这个错误表明你试图在一个对象(可能是字符串)上调用一个不存在的方法。在JavaScript...

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

    总之,Vue.js的`with`语句用法是为了简化组件渲染过程中的属性访问,但考虑到其潜在的性能和可维护性问题,应当谨慎使用。在日常开发中,遵循Vue的最佳实践,如声明式数据绑定和使用方法,将有助于创建更加高效且...

    javascript简单事件处理和with用法介绍

    在本次内容中,我们将详细探讨JavaScript中的事件处理以及with语句的用法。首先,我们来了解一下JavaScript中的事件处理机制,它允许网页开发者对用户的操作做出响应。具体来说,我们会关注鼠标点击与移动这两种常见...

    javascript中的遍历for in 以及with的用法

    for in 循环执行一个对象中的属性 with语句: (对象操作语句)  功能:为一段程序建立默认对象  格式: 代码如下:  with(<对象>){  <语句组>  } 具体示例: 代码如下: [removed] function member(name,...

    Data Visualization with D3.js Cookbook

    ### 数据可视化与D3.js知识点概述 ...通过《Data Visualization with D3.js Cookbook》,读者不仅能够掌握D3.js的基本用法,还能学到如何运用这一强大的工具来解决实际问题,为自己的项目增添价值。

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

    JavaScript中的`with`语句是一种特殊的作用域控制结构,它允许你在一段代码中方便地访问某个对象的属性,而无需反复地使用`.`或`[]`操作符。`with`语句的基本语法是: ```javascript with (expression) { // 代码...

    angular js代码食谱(recipes with angular js)

    《Angular JS代码食谱》是一本专为开发者准备的实战指南,它深入浅出地介绍了Angular JS这个强大的前端框架的基本特性和用法。这本书通过一系列精心设计的代码示例,帮助读者快速理解和掌握Angular JS的核心概念,...

    begin javascript css with jquery

    《Begin Javascript CSS with jQuery》是一本专注于jQuery技术的...通过学习,读者不仅可以熟练掌握jQuery的基本用法,还能深入了解如何将JavaScript、CSS和jQuery结合起来,构建高性能、用户体验优良的现代Web应用。

Global site tag (gtag.js) - Google Analytics