js中的this举例介绍

╰半橙微兮° 2024-04-01 18:14 58阅读 0赞

代码1：

var name = "The Window";

var object = \{

name : "My Object",

getNameFunc : function()\{

return function()\{

return this.name;

\};

\}

\};

alert(object.getNameFunc()());

代码2：

var name = "The Window";

var object = \{

name : "My Object",

getNameFunc : function()\{

var that = this;

return function()\{

return that.name;

\};

\}

\};

alert(object.getNameFunc()());

this指的是当前域。

代码1中，object.getNameFunc()()=this.name，此时this因为出来了（因为匿名function被返回出来了），所以this是当前所在的这个区域（即最外面这个区域）。

代码2中，object.getNameFunc()()=that.name，而that是object，因为在getNameFunc方法中，this所在的区域是属于object，将this赋值给that，即将object赋值给that。

可以用如下代码检测想法：

var name = "this window"

var object=\{

name:"this object",

getNameFunc:function()\{

function f2()\{

var that=this

console.log(that) //window对象

console.log(that.name) //this window

\}

return f2;

\}

\}

object.getNameFunc()()

this是关键字，所以this会根据当前所在的区域而变化。但声明的变量（例如that）存的值（存的是object）是不会变的。

来源：[https://www.weidianyuedu.com][https_www.weidianyuedu.com]

[https_www.weidianyuedu.com]: https://www.weidianyuedu.com

发表评论取消回复

表情：

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

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

相关阅读

相关 js中的this举例介绍

代码1： var name = "The Window"; var object = \{ name : "My Object", getNameFunc : func

╰半橙微兮°/ 2024年04月01日 18:14/ 0 赞/ 59 阅读

相关 JS中的this

对this指向大致的定义 > this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象

冷不防/ 2022年11月09日 14:20/ 0 赞/ 185 阅读

相关 JS中with的用法举例

1）简要说明 with 语句可以方便地用来引用某个特定对象中已有的属性，但是不能用来给对象添加属性。要给对象创建新的属性，必须明确地引用该对象。 2）语法格式 wi

野性酷女/ 2022年09月17日 11:29/ 0 赞/ 192 阅读

相关 js 中this 的陷阱

原文地址：https://segmentfault.com/a/1190000002640298 当有人问起你JavaScript有什么特点的时候，你可能

待我称王封你为后i/ 2022年08月23日 03:52/ 0 赞/ 171 阅读

相关 JS中的this指向

1、普通函数： this指向 window function foo() { function fn() {

以你之姓@/ 2022年06月09日 09:07/ 0 赞/ 270 阅读

相关 js中的this

因为js语言的灵活性导致js中的this也比较个性 this指向windows 对象 (function(global){ console.log(global

╰半夏微凉°/ 2022年06月02日 12:23/ 0 赞/ 194 阅读

相关 js中的_this

问题一: 不知道楼主有没有接触过jquery jquery里边有一个特别典型的例子能说明用_this的作用 $("btn").click(functio

素颜马尾好姑娘i/ 2022年05月26日 03:06/ 0 赞/ 193 阅读

相关 JS中的this理解

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 在JS中,this是动态绑定的,而java等其他面向对

不念不忘少年蓝@/ 2022年01月16日 04:49/ 0 赞/ 220 阅读

相关 js 中的this

与其他语言相比，函数this在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别.在绝大多数情况下，函数的调用方式决定了this的值。th

末蓝、/ 2021年12月10日 03:49/ 0 赞/ 346 阅读

相关关于js中的This指向问题的介绍

关于js中的This指向问题的介绍 1、基本概念 MDN的官方解释：与其他语言相比，函数的 this 关键字在 JavaScript 中的表现略有不同，此外，在严格模式和...

红太狼/ 2020年06月06日 19:16/ 0 赞/ 722 阅读