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

js中with、this的用法

阅读更多
with 语句 为一个或一组语句指定默认对象。

用法:with (<对象>) <语句>;

with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中,请注意 Math 的重复使用:

x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10);
y = Math.tan(14 * Math.E);
当使用 with 语句时,代码变得更短且更易读:

with (Math) {
   x = cos(3 * PI) + sin(LN10);
   y = tan(14 * E);
}
this 对象 返回“当前”对象。在不同的地方,this 代表不同的对象。如果在 JavaScript 的“主程序”中(不在任何 function 中,不在任何事件处理程序中)使用 this,它就代表 window 对象;如果在 with 语句块中使用 this,它就代表 with 所指定的对象;如果在事件处理程序中使用 this,它就代表发生事件的对象。

一个常用的 this 用法:

<script>
...
function check(formObj) {
   ...
}
...
</script>

<body ...>
...
<form ...>
...
<input type="text" ... onchange="check(this.form)">
...
</form>
...
</body>
这个用法常用于立刻检测表单输入的有效性
分享到:
评论
2 楼 love452076852 2010-09-01  
不错,又学到一点……
1 楼 syq689 2010-08-24  
,受教了,之前经常用到和见到的是this,今天在一程序里突然看到这个with 大吃了一惊,才知道还有这种用法。

相关推荐

    Javascript中With语句用法实例

    在JavaScript中使用with语句的基本语法如下: ```javascript with (expression) { statements } ``` 这里的`expression`必须是一个对象,而`statements`是一系列语句。当执行到with语句块时,with语句块内的语句...

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

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

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

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

    javascript自定义startWith()和endWith()的两种方法.docx

    在JavaScript中,`String.prototype.startsWith()` 和 `String.prototype.endsWith()` 方法分别用于判断字符串是否以指定的子串开头或结尾。这两个方法在ES6中被标准化并引入到JavaScript语言中。然而,在某些旧版本...

    js的with语句使用方法

    js的with语句使用方法 js的with语句是一种特殊的语句,用于简化对某个对象的多次访问。它可以方便地用来引用某个特定对象中已有的属性,但是不能用来给对象添加属性。要给对象创建新的属性,必须明确地引用该对象。...

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

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

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

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

    深入浅出分析javaScript中this用法

    JavaScript中的`this`关键字是一个非常重要的概念,它用于在函数或对象上下文中引用当前执行环境的对象。`this`的指向并不是固定不变的,而是根据函数的调用方式动态决定的。下面我们将深入探讨`this`的三种常见指向...

    Functional Programming with JavaScript_javascript_

    在JavaScript中,通过避免使用`this`、全局变量和修改传入对象来实现纯函数。 2. **高阶函数**:这些是接受一个或多个函数作为参数,或者返回一个函数的函数。在JavaScript中,`Array.prototype.map()`、`filter()`...

    Js作用域和this关键字1

    JavaScript中的作用域和`this`关键字是编程中非常重要的概念,尤其在JavaScript中,它们具有独特的特点和行为。本文将深入探讨这两个概念及其在实际编程中的应用。 首先,我们来看一下**作用域(Scope)**: 作用...

    深入理解js函数的作用域与this指向.docx

    JavaScript中的函数作用域和`this`指向是编程中至关重要的概念,它们决定了代码中变量的可见性和`this`关键字的绑定。以下是对这两个主题的详细解释: ### 函数作用域 函数作用域决定了变量在何处可以被访问。...

    javascript中的startWith和endWith的几种实现方法

    在这个方法中,我们创建的正则表达式`reg`以要匹配的字符串`str`结束。`$`符号在正则表达式中用来表示字符串的结束。同样地,我们用`test`方法来验证当前字符串是否以`str`结束。 接着,我们再来看一种更为简单的...

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

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

    javascript自定义startWith()和endWith()的两种方法

    在JavaScript中,`startWith()` 和 `endWith()` 方法是两个非常实用的字符串操作功能,它们分别用于检查字符串是否以指定的子字符串开始或结束。然而,与许多其他编程语言不同,JavaScript 的内置 String 对象并没有...

    [JavaScript][PDF][英文版]Oh My JS

    2. Understanding JavaScript Function Invocation and "this"(理解JavaScript函数调用和“this”):这部分内容解释了在JavaScript中函数如何被调用以及如何处理函数中的“this”关键字,这是JavaScript中一个容易...

    JavaScript中的this引用(推荐)

    4. **`apply`和`call`方法中的`this`** `apply`和`call`方法允许我们改变函数执行时的`this`上下文。这两个方法的第一个参数是用来设置`this`值的对象,后面的参数可以是函数需要的额外参数。 ```javascript var ...

    JavaScript中文参考手册

    这些对象同时在客户端和服务器端的 JavaScript 中使用。 Array 属性 方法 Boolean 属性 方法 Date 属性 方法 Function 属性 方法 Math 属性 方法 Number 属性 方法 Object 属性 方法 String ...

    android demo,webview_js(webview的js方法调用java方法)。

    在这个方法中,我们可以监听URL的变化,当URL符合特定规则时,调用Java方法: ```java webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, ...

Global site tag (gtag.js) - Google Analytics