`

JS中this的用法

阅读更多

1、this是js的一个关键字,随着函数使用场合不同,this的值会发生变化。但是总有一个原则,那就是this指的是调用函数的那个对象。

 

//构造两个对象分别为a和b
var a=new Object();
var b=new Object();

//给两个对象都添加属性name,分别给予不同的属性值
a.name="小明";
b.name="梅梅";

//构造a的方法获取属性name的值
a.getname=function(){

  alert("这是是a对象中的this值:"+this.name) 
}

//构造b的方法获取属性name的值
b.getname=function(){
 
  alert("这是是b对象中的this值:"+this.name) 
}

a.getname();//调用a的方法getname
b.getname();//调用b的方法getname

 

2、作为方法调用,this就是指这个上级对象 

function test() {
    alert(this.x);
}

var o = {};
o.x = 1;
o.m = test;
o.m();

 

3、作为构造函数调用。所谓构造函数,就是生成一个新的对象。这时,这个this就是指这个对象。

function test() {
    this.x = 1;
}
var o = new test();
alert(o.x);

 

4、apply调用,this指向的是apply中的第一个参数

 

var x = 0;
function test() {
    alert(this.x);
}

var o = {};
o.x = 1;
o.m = test;
o.m.apply(); //0o.m.apply(o);//1
分享到:
评论

相关推荐

    js中this用法实例详解

    本文实例讲述了js中this用法。分享给大家供大家参考。具体如下: 1. 指向window 全局变量 alert(this) //返回 [object Window] 全局函数 function sayHello(){ alert(this); } sayHello(); 2. ...

    深入浅出分析javaScript中this用法

    本文实例讲述了javaScript中this用法。分享给大家供大家参考。具体分析如下: 之前学javascript的时候总搞不清this,这个this不像java里的this那么好理解。我后来也是看了许多别人写的文章,才理解过来的。现在把别人...

    Javascript的this用法

    ### JavaScript中的`this`用法详解 在JavaScript中,`this`关键字的使用十分常见,但也是最容易引起混淆的部分之一。正确理解`this`的工作原理对于编写高效、可靠的代码至关重要。本文将深入探讨`this`在不同上下...

    javascript中onclick(this)用法介绍

    总结来说,在javascript中,onclick(this)的用法主要是将当前被点击的元素作为上下文对象传递给事件处理函数。在事件处理函数内部,我们可以访问到这个对象的所有属性和方法,从而实现对事件的处理和响应。通过这种...

    javascript 中 this 的用法.docx

    ### JavaScript 中 `this` 的用法详解 #### 一、引言 在 JavaScript 开发过程中,`this` 关键字的使用常常令开发者感到困惑。这是因为 `this` 的值并不是静态确定的,而是取决于函数调用的方式。了解 `this` 的...

    5分钟理解JavaScript中this用法分享

    JavaScript中的`this`关键字是一个非常重要的概念,它用于在函数或对象中引用当前上下文的对象。在不同的场景下,`this`的值会有所变化...通过这些实例和解释,希望能帮助你更好地理解和掌握JavaScript中的`this`用法。

    javascript中this用法实例详解

    本文将结合实例详细介绍JavaScript中`this`的用法,并分析在各种调用场景下的表现和技巧。 首先,`this`关键字在JavaScript中的含义不是固定的,它的指向是在函数执行时动态决定的,而不是在函数定义时确定。`this`...

    javascript 中关于 this 的用法.zip

    本篇将深入探讨JavaScript中的this用法,帮助你更好地掌握这个核心概念。 1. **函数调用方式与this绑定** - **默认绑定**:在全局环境中,this被绑定到全局对象,在浏览器中通常是window。例如: ```javascript ...

    this的用法以及改变this指向

    ### this的用法以及改变this指向 #### 为什么学习this? 在JavaScript中,`this`关键字的使用极为广泛。理解并掌握`this`的工作机制对于提高编程能力至关重要: 1. **阅读代码的能力**:不了解`this`的工作原理,...

    JavaScript中this用法学习笔记

    在JavaScript中,`this`关键字是一个非常重要的概念,但也是新手开发者经常困惑的地方。`this`的值在运行时才会确定,并且根据函数调用的方式不同而有所不同。以下是关于`this`用法的详细说明: 一、常见的`this`...

    JavaScript中this关键字使用方法详解

    在本文中,我们将深入探讨`this`在JavaScript中的工作原理,以及在不同场景下的用法。 1. **函数调用方式** 在函数调用中,`this`的值取决于函数被调用的方式。如果函数是作为对象的方法调用,`this`将指向调用该...

    详解JavaScript中this关键字的用法_.docx

    在JavaScript中,`this`关键字是一个非常重要的概念,它指的是当前执行上下文中的对象。`this`的值取决于函数的调用方式,而不是定义方式。下面我们将详细探讨在不同场景下`this`的用法。 1. **全局作用域中调用...

    js对象定义及this用法1

    JavaScript中的对象定义与`this`关键字的用法是编程中非常关键的概念,特别是在构建复杂的应用时。`this`关键字在JavaScript中用来引用当前上下文的对象,它的行为有时可能与传统面向对象语言(如Java)有所不同。 ...

    js对象定义及this用法.docx

    js对象定义及this用法.docx

    js对象定义及this用法.pdf

    js对象定义及this用法.pdf

Global site tag (gtag.js) - Google Analytics