谈谈对this对象的理解？

2023-07-21 13:49| 来源: 网络整理| 查看: 265

1、this 关键字含义是什么？

解答：this总是返回一个对象，this就是属性或方法“当前”所在对象。由于对象的属性可以赋值给另一个对象，所以属性所在的当前对象是可变的，即this指向是可变的。

var A = { name: '张三', describe: function () { return '姓名：'+ this.name; } }; var name = '李四'; var f = A.describe; f() // "姓名：李四"

A.describe被赋值给变量f，内部的this就会指向f运行时所在的顶层对象。

2、为什么需要this指向属性和方法“当前”所在对象？

对象属性的值，保存在属性描述对象的value属性里，

var obj = { foo: 5 }; { foo: { [[value]]: 5 [[writable]]: true [[enumerable]]: true [[configurable]]: true } }

当foo属性的值为一个函数时，保存在value属性里的，是函数的地址。函数是一个单独的值，可以在不同的上下文执行，

var f = function () {}; var obj = { f: f }; // 单独执行 f() // obj 环境执行 obj.f()

此时，我们需要一种机制，在函数体内部获得当前函数的运行环境(context)，this出现了，它的设计目的就是在函数体内部，指代函数当前的运行环境。

3、使用场合全局环境：指向window构造函数：指向实例对象对象的方法：如果对象的方法里包含this，this的指向就是方法运行时所在的对象。如果this所在的方法不在对象的第一层，这时this只是指向当前一层的对象，而不会继承更上面的层。 4、箭头函数

箭头函数不绑定this，箭头函数没有自己的this关键字如果在箭头函数中使用this，this关键字将指向箭头函数定义位置的this，且箭头函数的 this 永远指向该函数构造时的环境。

function fn() { console.log(this); } const obj = {name: 'zhangsan'}; fn.call(obj); // fn内部的this指向obj对象 //{ name: 'zhangsan' }

例子：

var obj = { age: 20, say: () => { console.log(this.age); } } obj.say(); // undefined

obj对象，不能产生作用域，所以实际上箭头函数被定义在了全局作用域下，而全局作用域中没有age变量，所以返回undefined

总结：谈谈对this对象的理解 this对象总是指向函数的调用者如果有new关键字，this指向new出来的那个对象在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象的window

【本文地址】

公司简介

联系我们