JS this指向

最新推荐文章于 2024-10-02 05:39:15 发布

CodeYounger

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量65

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/CBoy123/article/details/126712927

版权

//严格模式下的
//普通函数
function test(){
    console.log(this); 
}
test();//undefined
window.test(); //window

//非严格模式下的
//普通函数
function test(){
    console.log(this); 
}
test();//window
window.test(); //window

//一层对象
let obj = {
    name:"xx",
    say:function(){
        console.log(this.name)
    }
}
obj.say(); //xx

//多层对象
let obj = {
    name:"xx",
    say:function(){
        console.log(this.name);
    },
    obj2:{
        name:"yy",
          say:function(){
        	console.log(this.name);
    	},
    }
}
obj.say(); //xx
obj.obj2.say(); //yy

//箭头函数this指向
setTimeout(()=>{
   	console.log(this); //window 
},1000)

//构造函数中的this
function Person(name,sex){
    this.name = name;
    this.sex = sex;
}
let person = new Person("小米",M);
console.log(person.name); //小米
console.log(person.sex); //M

原型链this指向，从自身开始找，自身找不到就不断向上找，找不到就undefined

改变this指向

//通过回调函数修改对象
function fun (name){
    this.name = name;
    console.log(this)
}
//对象
var obj = {
	name: '大牛',
	b: function () {
		console.log(this.name)
	}
}

fun.call(obj, 'xx') 
//把fun函数的this指向改变到obj函数，改变的name是obj中的name
this输出obj对象，并且name改变为'xx'

function fun (name) {
	this.name = name
	console.log(this)
}

var obj = {
	name: 'dpn',
	b: function () {
		console.log(this.name)
	}
}

fun.apply(obj, ['xx'])
//把fun函数的this指向改变到obj函数，改变的name是obj中的name
this输出obj对象，并且name改变为'xx'

function fun (name) {
	this.name = name
	console.log(this)
}

var obj = {
	name: 'dpn',
	b: function () {
		console.log(this.name)
	}
}

var fun1 = fun.bind(obj, 'xxx')
fun1()
//把fun函数的this指向改变到obj函数，改变的name是obj中的name
this输出obj对象，并且name改变为'xxx'