`

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. ...

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

    本文结合网络收集整理,尝试以一种简易的方式阐述JavaScript中this的用法,希望对大家关于JavaScript中this用法的快速理解有所帮助。正文1. this用法实例 代码如下:window.color = “red”; var o = { color: “blue...

    Javascript的this用法

    Javascript的this用法

    javascript中this用法实例详解

    本文实例讲述了javascript中this用法。分享给大家供大家参考,具体如下: JavaScript中的this含义非常丰富,它可以是全局对象,当前对象或者是任意对象,这都取决于函数的调用方式。函数有以下几种调用方式:作为...

    深入浅出分析javaScript中this用法

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

    javascript 中 this 的用法.docx

    本文将介绍 JavaScript 中 this 的用法,从而帮助开发者更好地理解并掌握 this 的使用。 一、在全局作用域中使用 this 在全局作用域中使用 this 会返回全局对象,在浏览器环境下是 window 对象, 在 Node.js 环境...

    JavaScript中this用法学习笔记

    在本篇文章里小编给大家分享了关于JavaScript中this用法学习笔记以及知识点总结,有兴趣的朋友们学习下。

    javascript中onclick(this)用法介绍

    this指触发事件的对象,接下来为大家分享下javascript中onclick(this)的用法,感兴趣的朋友可以参考下哈,希望对你有所帮助

    javascript 中关于 this 的用法.zip

    javascript 中关于 this 的用法.zip

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

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

    this的用法以及改变this指向

    2. 工作中,滥用this,却没明白this指向的是什么,而导致出现问题,但是自己却不知道哪里出问题了。 3. 合理的使用this,可以让我们写出简洁且复用性高的代码。 4. 面试的高频问题,回答不好,抱歉,出门右拐,不送...

    Javascript中this的用法详解

    应该是最常用的吧,函数中调用一个this,这里其实就是全局变量 var value="0"; function mei(){ var value="1"; console.log(this.value); //0 console.log(value); //1 } mei(); 输出0就是因为this指向的是全局...

    javascript中this的四种用法

    在《javaScript语言精粹》这本书中,把 this 出现的场景分为四类,简单的说就是: 有对象就指向调用对象 没调用对象就指向全局对象 用new构造就指向新对象 通过 apply 或 call 或 bind 来改变 this 的所指。 1) 函数...

    javascript中this的用法实践分析

    本文实例讲述了javascript中this的用法。分享给大家供大家参考,具体如下: 实践一:this在点击等事件中的指向 html结构: <button id='btn'>click me</button> javascript结构: var btn = document...

    javascript中的self和this用法小结

    一、 起因 那天用到prototype.js于是...代码如下:var Class = { create: function() { return function() { this.initialize.apply(this , arguments); } } } // Class使用方法如下var A = Class.create(); A. prototy

Global site tag (gtag.js) - Google Analytics