document.createTextNode与new Text()的区别：除兼容性外还有其他差异吗？

除了你提到的浏览器兼容性差异外，二者还有以下几个实际区别：

• 参数要求不同
  document.createTextNode() 必须传入一个字符串参数（即使是空字符串），否则会抛出错误；而 new Text() 的构造函数参数是可选的，不传参数时会创建一个内容为空的文本节点。
  示例：

  // 合法
  const text1 = document.createTextNode('');
  // 合法
  const text2 = new Text();
  // 会报错
  const text3 = document.createTextNode();
  

• 可用环境范围不同
  document.createTextNode() 依赖于 document 对象，只能在有document的环境（比如常规浏览器页面）中使用；而 new Text() 属于全局DOM构造函数，在一些没有document的环境（比如Web Workers）中也能正常使用，只要该环境支持DOM文本节点接口。

• 写法风格差异
  new Text() 是基于ES6类实例化的写法，更符合现代JavaScript的面向对象编程风格；而 document.createTextNode() 是传统的DOM方法调用写法，属于早期DOM API的设计模式。

内容的提问来源于stack exchange，提问作者ipid