KotlinJS无法从指定模块创建对象，new关键字引发代码异常求助

嘿，我来帮你梳理这个问题！首先得明确：Kotlin编译到JavaScript时，对类的构造函数调用有自己的一套兼容逻辑，手动加new反而会破坏这个逻辑，导致代码失效或者报错。

问题根源解析 #

Kotlin为了让JS端既支持直接调用构造函数（比如MyClass()）又支持new MyClass()，编译后的JS代码会生成一个带检查的包装函数——它会判断当前调用是否用了new，如果没有的话，会自动补全new来创建实例。但如果你手动在Kotlin里强行加new（比如通过js()嵌入），就会绕过这个包装逻辑，导致类的初始化代码执行异常，或者抛出你遇到的错误。

解决方案 #

1. 实例化Kotlin类：完全不用手动加new

对于你自己写的Kotlin类，直接用Kotlin原生的实例化语法就行，编译器会自动处理JS端的new逻辑。比如：

class User(val username: String) {
    init {
        println("User created: $username")
    }
}

fun main() {
    // 正确姿势：不用加new
    val user = User("King Natsu")
}

编译后的JS代码会自动帮你处理new的兼容，类似这样（简化版）：

function User(username) {
    if (!(this instanceof User)) {
        return new User(username);
    }
    this.username = username;
    console.log("User created: " + username);
}

function main() {
    var user = User("King Natsu");
}

2. 和JS类互操作：用external正确声明

如果你是在调用JS端的原生类，需要用external关键字声明这个类，然后直接用Kotlin的实例化语法，编译器会自动生成正确的new调用。比如：

// 声明JS端的类
external class JsModal(title: String)

fun openModal() {
    // 直接实例化，编译器会自动加new
    val modal = JsModal("Hello Kotlin/JS")
}

3. 特殊场景：手动控制new调用

如果确实有特殊需求需要手动触发new（比如某些JS库的特殊构造逻辑），可以用js()函数直接执行JS代码，但这是兜底方案，尽量少用：

fun createSpecialObj() {
    val specialObj = js("new SpecialJSClass('params')")
}

关于编译后代码差异的补充 #

你看到的编译后代码和手写代码的差异，正是Kotlin编译器为了兼容JS环境做的适配。当你不用new调用Kotlin编译后的构造函数时，那个包装逻辑会自动补全new；但如果你手动加了new，就会跳过这个检查，导致类的初始化逻辑没有正确执行，自然会抛出错误。

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