前端 - 求问一个关于javascript this的问题？？

问题描述

问 题

 var Test={
     UA:navigator.userAgent,
     isAndroid:(function(){
         console.log(this.UA);
         // return /android/gi.test(this.UA);
     })()
 }

调用 Test.isAndroid 结果为undefined 此时的this指向的不是Test么

解决方案

var Test = {} 是一个声明＋赋值的运算，赋值就是先对等号右边的表达式求值，然后将结果赋给等号左边的变量——换句话说：只有赋值成功后才能访问 Test。

而 isAndroid 是在对等号右边表达式求值时就运行的（IIFE），此时由于 Test 还没有完成赋值，IIFE 实际访问的 this 是 window，而 window.UA 是不存在的，因此 undefined 无误。

JavaScript 是动态语言，this 的指向是在代码执行时由解释器决定的，你写的这个 isAndroid 本质上是编译型语言里的 getter 方法，所以不要用 IIFE 来在声明时自动求值。

如果你不想用 Test.isAndroid() 这样的方式来访问 this.UA，你可以写 JavaScript 的 get isAndroid 方法，这个要看你使用的 ES 版本来决定具体的写法了，可上网搜索 JavaScript getter/setter 作进一步学习。

---

补充一个样本，对浏览器支持有要求，自行做转换或找 shim 支持：

var Test = {
  UA: 'test ua',
  get isAndroid() {
    console.log(this.UA)
  }
}

Test.isAndroid
// 'test ua'

这篇关于前端 - 求问一个关于javascript this的问题？？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！