JavaScript对象中的this指向

吐槽君 分类:javascript

一、属性事件的this,在标签内调用事件函数

谁调用this所在的函数,就指向谁

1、如果this作为参数传入,那么this就是指向input

image.png

image.png

2、如果不在标签的方法中传入this,那么方法中打印this时一般指向window

image.png

image.png

二、onclick事件中的this(返回该标签)

image.png

image.png

三、构造函数中的this(this指向当前实例化的具体的对象(谁调用this所在的函数,那么this就指向谁))

function fn(name,sex,age){
	this.name = name;
	this.sex = sex;
	this.age = age;
}
var a = new fn('小明','男',18);
 

打印a的值:

image.png

四、原型方法中的this(谁调用this所在的函数,那么this就指向谁)

Array.prototype.pt = function() {
	console.log(this)
}
var a = [1,2,3,4]
console.log(a.pt())    // (4) [1, 2, 3, 4]
 

五、对象方法中的this

对象==普通属性+方法属性

这里的this指向obj(谁调用this所在的函数,那么this就指向谁。)

var obj = {
    name:'张三',
    fn:function(){
        console.log("你好,我叫"+this.name);    ///你好,我叫张三
    }
}
 

回复

我来回复
  • 暂无回复内容