用typeof判断平台环境

需求

        老板希望把node版本的luckysheet和另外一个浏览器版本的luckysheet的代码合在一起，这就需要判断出当前环境，才能决定是用window还是global。

代码

        一开始想直接用if(window) 判断环境，但是这样直接就报错了，最后问ai，说用typeof能判断，代码如下：

let myGlobalObject;

if (typeof window !== 'undefined') {
  // 在浏览器环境中
  myGlobalObject = window;
} else if (typeof global !== 'undefined') {
  // 在Node.js环境中
  myGlobalObject = global;
}

// 使用 myGlobalObject 来代替 window 或 global

有关typeof的mdn介绍

        额，typeof不是用来判断变量类型的吗，为啥判断未定义的变量类型时不会报错。查询mdn，发现typeof在判断未定义的变量时，会返回undefined。

与未声明和未初始化的交互

typeof 通常总是保证为它提供的任何操作数返回一个字符串。即使使用未声明的标识符，typeof 也会返回 "undefined"，而不是抛出错误。

但是在有let或者const的块级作用域下，在声明的前面使用typeof还是会抛出错误，这也是“暂时性死区”。原文如下：

但在加入了块级作用域的 let 和 const 之后，在其被声明之前对块中的 let 和 const 变量使用 typeof 会抛出一个 ReferenceError。块作用域变量在块的头部处于“暂存死区”，直至其被初始化，在这期间，访问变量将会引发错误。

JS

typeof null === 'object'

        mdn还解释了为什么typeof判断null返回object，原来js的值有一个表示类型的标签和实际数值表示，对象的类型标签是0。

        而null表示空指针，地址一般为0x00，如果按上面的js值表示的规则来判断，null的类型标签也是0，就和对象的类型标签是一样的了，这也就导致typeof null返回'objct'。原文如下：

在 JavaScript 最初的实现中，JavaScript 中的值是由一个表示类型的标签和实际数据值表示的。对象的类型标签是 0。由于 null 代表的是空指针（大多数平台下值为 0x00），因此，null 的类型标签是 0，typeof null 也因此返回 "object"。（参考来源）

曾有一个 ECMAScript 的修复提案（通过选择性加入的方式），但被拒绝了。该提案会导致 typeof null === 'null'。

es11的globalThis

        浏览器就是window，node就是global，这样就不需要自己再去定义一个全局变量了。

END

        像axios这种兼容浏览器和node的库应该也有进行环境的判断，以后再研究研究，啊哈哈哈。