首页 > 其他 > 详细

this对象解析

时间:2017-08-23 23:54:07      阅读:262      评论:0      收藏:0      [点我收藏+]

this在js中有着非常广泛的应用,但其所指的对象也常常让人摸不着头脑,简而言之: this指的就是调用函数的对象,最常见的莫过以下几种

1.直接使用函数,则为window对象

function a(){
	this.a= 1
	console.log(this)
}
a() //window对象

调用函数a的自然是window对象,无需赘述

2.作为对象属性被调用,是该对象

var o= {
	a: 1,
	b: function(){
		this.a= 2
		console.log(this.a)
		console.log(this)
	}
}
o.b()

输出结果:

技术分享

3.作为构造函数的属性被调用,指的是该实例对象

function o() {
	this.a= 1;
	this.b= ()=>{
		console.log(this)
	}
}
var o1= new o()
o1.b()

4.apply或call函数调用,根据语法指的是第一个参数

function a(val){
	console.log(val)
	console.log(this)
}
a.call(1, 2)

输出结果为:

技术分享

1调用了a函数,并将2作为参数,因此this指向数字1

this对象解析

原文:http://www.cnblogs.com/yanze/p/7420779.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!