⑴ javascript中的this到底指什么
JavaScript:this是什么?
定义:this是包含它的函数作为方法被调用时所属的对象。
说明:这句话有点咬嘴,但一个多余的字也没有,定义非常准确,我们可以分3部分来理解它!
1、包含它的函数。2、作为方法被调用时。3、所属的对象。
看例子:
function to_green(){
this.style.color="green";
}
to_green();
上面函数中的this指的是谁?
分析:包含this的函数是,to_green
该函数作为方法被调用了
该函数所属的对象是。。?我们知道默认情况下,都是window对象。
OK,this就是指的window对象了,to_green中执行语句也就变为,window.style.color="green"
这让window很上火,因为它并没有style这么个属性,所以该语句也就没什么作用。
我们在改一下。
window.load=function(){
var example=document.getElementById("example");
example.onclick=to_green;
}
这时this又是什么呢?
我们知道通过赋值操作,example对象的onclick得到to_green的方法,那么包含this的函数就是onclick喽,
那么this就是example引用的html对象喽。
this的环境可以随着函数被赋值给不同的对象而改变!
下面是完整的例子:
<script type="text/javascript">
function to_green(){
this.style.color="green";
}
function init_page(){
var example=document.getElementById("example");
example.onclick=to_green;
}
window.onload=init_page;
</script>
<a href="#" id="example">点击变绿</a>
⑵ js 函数中this指向谁
谁调用函数,this就指向谁
1.this指向的,永远是对象
2.this指向谁, 不取决与this写在哪,而是取决于函数在哪调用
3.this指向的旁答对象,我们成为函数的上下文context,也叫函数的调用者
1.通过函数名()直接调用明前:运槐慧指向window
2.通过对象.函数名()调用:指向这个对象
3.通过数组下标.函数名()调用,指向这个数组
4.通过window内置函数( setInterval setTimeout 等)的回调里调用。指向window
5.函数作为构造函数,new关键字实例化之后调用,指向实例化对象
⑶ js-改变this指向的几种方法
javaScript 为我们专门提供了一些函数方法来帮我们更优雅的处理函数内部 this 的指向问题,常用的有 bind()、call()、apply() 三种方法
call() 方法调用一个对象。简单理解为调用函数的方式,但是它可以改变函数的 this 指向。
fun.call(thisArg, arg1, arg2, ...)
thisArg:在 fun 函数运行时指定的 this 值
arg1,arg2:传递的其他参数
返回值就是函数的返回值,因为它就是调用函数
因此当我们想改变 this 指向,同时想调用这个函数的时候,可以祥大使用 call,比如继承
fun.apply(thisArg, [argsArray])
thisArg:在fun函数运行时指定的 this 值
argsArray:传递的值,必须包含在数组里面
apply 主要跟数组有关系,比如使用 Math.max() 求数组的最大值
bind() 方法不会调用函数。但是能改变函数内部this 指向
fun.bind(thisArg, arg1, arg2, ...)
thisArg:在 fun 函数运行时指定的 this 值谨穗竖
arg1,arg2:传递的其他参数
返回由指定的 this 值和初始化参数改造的原函数拷贝
因此当我们只是想改变 this 指向,并且不想调用这个函数的时候,可以使用 bind
相同点:
都可以改变函数内部的this指向.
区别点:
1.call 和 apply 会调用函数, 并且改变函数内部this指向.
2.call 和 apply 传递的参数不一样, call 传递参数 aru1, aru2..形式 apply 必须数组形式[arg]
3.bind 不会调用函数, 可以改变函族野数内部this指向.
主要应用场景:
1.call 经常做继承.
2.apply 经常跟数组有关系. 比如借助于数学对象实现数组最大值最小值
3.bind 不调用函数,但是还想改变this指向. 比如改变定时器内部的this指向。
⑷ js中this代表什么意思
第一个this.name指的是变量name(对应var name="The Window"这个),
第二个this.name指的是object这个map里面的name,this指的是object这个map对象。
this是Javascript语言的一个关键字它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用,下面分四种情况:
情况一:纯粹的函数调用 :这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global。
情况二:作为对象方法的调用 :函数还可以作为某个对象的方法调用,这时this就指这个上级对象。
情况三 作为构造函数调用 :所谓构造函数,就是通过这个函数生成一个新对象(object)。这时,this就指这个新对象。
情况四 apply调用 :apply()是函数对象的一个方法,它的作用是改变函数的调用对象,它的第一个参数就表示改变后的调用这个函数的对象。因此,this指的就是这第一个参数。
⑸ js中this代表什么意思
代表当前对象啊,js不是有document.getElementByID通过ID获取对象么,this就是获取当前对象,比如id为btn的按钮的onclick方法
onclick="method(this)",这个this就是当前按钮对象,作用和document.getElementByID("btn")一样。
⑹ 如何理解JS中的this指向问题
js中this的指向取决于调用的对抄象
当一个函袭数不是一个对象的属性时,当作函数来调用,这时函数内的this指向全局对象
当一个函数是一个对象的属性时,作为该对象的一个方法,当一个方法被调用时,this指向该对象
使用new调用的函数称为构造器函数,此时的this指向该构造器函数实例出来的对象
apply、call方法可以设定调用者中的this指向谁
⑺ js中的this原理
this 指的是 函数运行时 所在的环境。(不是定义时所在的环境)
怎么理解这句话呢?看如下例子:
在这个例子中,首先第一个输出,因为颂明wFunction是运行在全局环境中,所以 this 指向全局环境,所以输出1;第二个输出,因为wFunction运行在wObj环境中,所以 this 指向wObj,而wObj的w属性值为2,所以输出2;
那么问题来了,为什么第二个说是在wObj环境中运行呢,运行环境是怎么来判别的呢?这得从内存的数据结构说起。
首先,是考虑到内存的数据结构,才设计这个this的。那内存的数据结构是怎样的呢,先看个例子:
这里,javaScript引擎会在内存里先生成一个对象{w:5},然后把这个对象的内存地址(reference)赋值给wObj变量。
如果通过wObj.w来读取这个对象的属性w,则引擎会先从wObj这个变量拿到对象的内存地址,然后从该地址读出这个对象,返回w属性。
在看下面一个例子:
这里,javaScript引擎会先将函数function(){...} 单独保存在内存中 。然后javaScript引擎会在内存里生成一个对象{wFunc:wFunction},而wFunction则是函数的内存地址(reference)。然后把这个对象的内存地址赋值给wObj变量。
如果通过wObj.wFunc()执行函数,则引擎会先从wObj这个变量拿到对象的内存地址,然后从该地址读出这个对象,返回wFunc属性,而wFunc属性的值是函数function(){...}的内存地址(reference),因为这个 是单独的一个值,所以可以在不同环境(上下文)执行 。在这里函数是通过wObj找到的(wObj的属性wFunc),所以在wObj环境中执行的。
这里解释了为啥函数是可以在不同的环境中执行。那么问题来了,这动态的执行环境,怎么获取呢?
针对获取执行环境问题, this 就这么设计出来了,它的设计目的就是在函数体内部,指代函数 当前的运行环境 。
回到文章开野碧告头例子,并加以深化如下:
第慧差一个输出,函数执行时,是通过全局变量wFunction找到函数引用地址的,它的执行环境则是全局,因此输出全局w,为1;
第二个输出,函数执行时,是通过wObj指向的对象里的wFunction属性找到的函数引用地址的,因此,它的执行环境则是wObj指向的对象,因此输出对象的w,为2;
第三个输出,函数执行时,是通过全局变量wObjFunc找到函数引用地址的,(因为let wObjFunc = wObj.wFunction;这直接把函数的引用地址直接赋给了全局变量wObjFunc,所以wObjFunc直接指向函数本身)它的执行环境则是全局,因此输出全局w,为1;
⑻ js函数中的this是什么意思
this是指在哪个标签中调用即为哪个标签对象
例如:<div onclick="this.style.color='red'">red</div> 则是使当前div的内部文字为红色
⑼ 看一遍就能掌握 js 中的 this 指向
一个基本概念:普通函数的 this 指向不是在定义的时候确定,而是在调用的时候确定。
两个注意事项:
接下来从一般形式函数调用、方法调用、apply 和 call 调用、箭头函数、class 等理清指向问题。
所谓一般形式函数调用就是 函数名() ,this 指向全局对象。
一个函数被设置为对象(非全局对象)的属性值时迅迟逗,就是方法调用,this 指向对象自身。
箭头函数没有自己的 this,看其 定义时 外层是否有函数,如果有,外层函数的 this 就是内部箭头函数的 this,如果没有,则 this 指向 Window。
一般来说,在 vue 生命周期函数或旦猜自定义方法中 this 指向的是 vue 实例,但是要注意下面的3种情况。
以上理解如果有不对之处请亩卖指出。
⑽ 关于JS的THIS
这个问题问到js的精知樱髓了。
在js中,万物皆对象,函数只是对象的一种。
js的this,指代着当前对象的自身(itself),但通过你的问题的内容,发现,你关注的地方并不单单在this关键词。
function a(value){
this.value =value;
alert(this.vlaue);
}
上面的这个函数语句,意味着,创建了名字为a,参数为value的函数对象:
这个函数对象有一个来自于参数的动态属性value;
这个函数对象还有一个返回值为void的window内置函数alert;
这个函数对象自身没有返回值(void)。
alert(new a(1).value);
上面的这个语句,意味着,新建一个参数为1的a对象,并把这个对象的value作为参数赋值给window的alert函数,并执行window的alert函数。
在上面的语句中,测试时,会出现两次警告框,且警告框的内容都是1,这是因为在新建a对象的时候,执行了一次alert,拿到a对象的value后,又执行了一次alert。
alert(window.a(3));
上面的这个语句,意味着,把3作为window对象的a函数的一个参数,执行a函数。
在上面的语句中,测试时,也会出现两次警告框,但是第一次是3,第二次就是undefined了,这是因为,window.a(3)执行的时候,会alert一下,内容就是3,alert(...)执行的时候,因为里面的window.a(3)没有返回值,所以alert的参数就是没有,所以就导致弹出了一个“undefined”
function a(){
fucntion b(){}
return b;
}
new a()()
可以这么写(new a()())的原因是:
1、“new a()” ,这个是个对象创建过程,就是说,这样可以创建一个全新的函数对象。
2、第二个“()”,这个是个函数执行过程,就是说,加上一对“()”后,这个对象函数才开始执行。
a().b()
不可以这么写的原因是:
a()会让这个a函数对象执行后,返回的是一个名字为没有名字的空函数对象,这个空函数搭携丛对象里面,并没有一个名字叫b的方法。
你如果想让上面的a里面的b函数顺利执行,可以参考下面的案例:
function a(){
function b(){alert(111)}
return b;
}
a()();//这样你就顺利的看到这个b函数执行了。
最后给你一个让你头晕的隐租案例,呵呵。考虑一下是如何执行的,这个案例你完全搞明白后,基本上js的函数对象返回值问题,就不会再有了。
function a(){
this.b = function (){
return this.c = function(){
alert(111);
}
}
}
(new a().b())();