js中this的用法

缺乏、安全感 2022-07-15 07:43 304阅读 0赞

说到this，对于它的理解就是：this是指向函数执行时的当前对象，倘若没有明确的当前对象，它就是指向window的。

1.setTimeout(functtion()\{this\},1000)

setTimeout()函数中的this永远指向window;

2.函数中的函数指向window

eg1:对象函数中的函数

var name="john";

var obj=\{

name:"frans",

show:function()

\{

sub\_show()

\{

alert(this.name);

\}

\}

\}

输出结果是：john

eg2：普通函数内的函数

var name="john":

funtcion User()

\{

this.name="frans";

var sub\_show=function()

\{

alert(this.name);

\}

\}

输出：john;

因为这时this指向window,若想让this指向对象本身，可以子函数外将this赋给一个变量如that;在子函数中用that代替this就可以了。

eg

var name="john";

var obj=\{

name:"frans",

show:function()

\{

var that=this;

sub\_show()

\{

alert(that.name);

\}

\}

\}

此时会输出：frans

对象中定义函数;

<script>  
var name="john";  
var obj=  
\{  
name:"frans",  
show:function()  
\{  
//alert(123);  
var that=this  
sub\_show=function()  
\{  
alert(that.name);  
\}  
sub\_show();  
\}  
\}  
obj.show();  
</script>

函数对象中定义函数

<script>  
var name="john";  
function User()  
\{  
this.name="frans";  
this.show=function()  
\{  
function sub\_show()  
\{  
alert(this.name);  
\}  
sub\_show();  
\}  
\}  
var obj=new User();  
obj.show();  
</script>

相关链接:

[setTimeout那些事之this][setTimeout_this]

[javascript中的动态this与动态绑定][javascript_this]

[js中this的四种调用模式][js_this]

[setTimeout_this]: http://www.cnblogs.com/giggle/p/5346531.html
[javascript_this]: http://www.cnblogs.com/rubylouvre/archive/2009/11/13/1602122.html
[js_this]: http://www.cnblogs.com/RightDear/archive/2013/08/01/3230618.html

发表评论取消回复

表情：

评论列表（有 0 条评论，304人围观）

还没有评论，来说两句吧...

相关阅读

相关 C++中this的用法

在 C++ 中, this 是一个隐含的指针，指向当前对象的内存地址。在类的成员函数中，可以使用 this 来访问类的成员变量和成员函数。例如，如果类名为 MyClass，成员

亦凉/ 2024年03月25日 09:15/ 0 赞/ 63 阅读

相关 Java中this的用法

一、this关键字 1.this的类型：哪个对象调用就是哪个对象的引用类型 ![7f5182ddfdc72e58bdecd6cc41c201de.png][] 二、

悠悠/ 2023年10月03日 23:41/ 0 赞/ 12 阅读

相关 JS中this的四种用法

① 在一般函数方法中使用 this 指代全局对象 function test(){ this.x = 1; alert(this.x);

蔚落/ 2023年06月13日 09:40/ 0 赞/ 13 阅读

相关 JS onclick中this用法

当在dom元素中使用onclick绑定事件的时候，可以使用this来指向该元素对象。 ![1412174-20190929155744492-1452313394.png][

末蓝、/ 2023年06月03日 15:51/ 0 赞/ 17 阅读

相关 vue中this.$nextTick()的用法

this.$nextTick 将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。 this.$nextTick 跟全局方法 vue.nex

矫情吗；*/ 2022年11月04日 11:13/ 0 赞/ 209 阅读

相关 java中this的用法

用类名定义一个变量的时候，定义的应该只是一个引用，外面可以通过这个引用来访问这个类里面的属性和方法，那们类里面是够也应该有一个引用来访问自己的属性和方法纳？呵呵，JAVA提供

我会带着你远行/ 2022年08月07日 04:39/ 0 赞/ 209 阅读

相关 js中this的用法

说到this，对于它的理解就是：this是指向函数执行时的当前对象，倘若没有明确的当前对象，它就是指向window的。 1.setTimeout(functtion

缺乏、安全感/ 2022年07月15日 07:43/ 0 赞/ 305 阅读

相关 Java中this的基础用法

update on 2019-07-07 在Java核心技术一书中看到调用方法时this作为隐式参数传入的。突然间许多问题都懂了比如：方法的多态父类变量指向子类对

落日映苍穹つ/ 2021年09月29日 14:54/ 0 赞/ 411 阅读

相关 JS（ES6）中this的四种用法

转载文章：[https://www.cnblogs.com/pabitel/p/5922511.html][https_www.cnblogs.com_pabitel_p_5

刺骨的言语ヽ痛彻心扉/ 2021年09月17日 12:04/ 0 赞/ 404 阅读

相关 Vue中 this.$set的用法

Vue中this.$set的用法 Vue.set( target, propertyName/index, value ) 参数 \{Object | Array\} t

╰+攻爆jí腚メ/ 2021年09月07日 06:03/ 0 赞/ 677 阅读