js中this的用法

缺乏、安全感 2022-07-15 07:43 216阅读 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 条评论，216人围观）

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

相关阅读

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

1、this.$set()的作用 > 向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。 this.$set()用于向响应式对象上添加新属性，因

墨蓝/ 2023年09月24日 13:01/ 0 赞/ 65 阅读

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

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

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

相关理解JavaScript中的this用法

this在JavaScript中有着广泛的应用，无论是普通函数、还是构造函数，都可以看到this的影子。初学者非常容易误解了this的含义，现在博主使用一些简洁的例子，来将th

朱雀/ 2022年09月28日 05:50/ 0 赞/ 213 阅读

相关 java中this的用法

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

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

相关 javascript面试题之 js中this关键字的用法

this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如： function test() {

Myth丶恋晨/ 2022年08月04日 13:55/ 0 赞/ 100 阅读

相关 js中this的用法

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

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

相关 Java中this关键字用法

一，表示类中属性 1，没有使用this的情况 ![复制代码][copycode.gif] class Person{ // 定义Person类

梦里梦外;/ 2022年06月12日 00:49/ 0 赞/ 171 阅读

相关 Java中this的基础用法

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

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

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

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

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

相关 Vue中 this.$set的用法

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

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