查看: 2361|回复: 0

[JavaScript/JQuery] JavaScript 中调用 Kotlin 方法实例详解

发表于 2018-1-7 09:46:00

JavaScript 中调用 Kotlin 方法实例详解

Kotlin 编译器生成正常的 JavaScript 类,可以在 JavaScript 代码中自由地使用的函数和属性 。不过,你应该记住一些微妙的事情。

用独立的 JavaScript 隔离声明

为了防止损坏全局对象,Kotlin 创建一个包含当前模块中所有 Kotlin 声明的对象 。所以如果你把模块命名为 myModule,那么所有的声明都可以通过 myModule 对象在 JavaScript 中可用。例如:

  1. fun foo() = "Hello"
复制代码

可以在 JavaScript 中这样调用:

  1. alert(myModule.foo());
复制代码

这不适用于当你将 Kotlin 模块编译为 JavaScript 模块时(关于这点的详细信息请参见 JavaScript 模块)。 在这种情况下,不会有一个包装对象,而是将声明作为相应类型的 JavaScript 模块对外暴露。例如, 对于 CommonJS 的场景,你应该写:

  1. alert(require('myModule').foo());
复制代码

包结构

Kotlin 将其包结构暴露给 JavaScript,因此除非你在根包中定义声明, 否则必须在 JavaScript 中使用完整限定的名称。例如:

  1. package my.qualified.packagename
  2. fun foo() = "Hello"
复制代码

可以在 JavaScript 中这样调用:

  1. alert(myModule.my.qualified.packagename.foo());
复制代码

@JsName 注解

在某些情况下(例如为了支持重载),Kotlin 编译器会修饰(mangle) JavaScript 代码中生成的函数和属性的名称。要控制生成的名称,可以使用 @JsName 注解:

  1. // 模块“kjs”
  2. class Person(val name: String) {
  3. fun hello() {
  4. println("Hello $name!")
  5. }
  6. @JsName("helloWithGreeting")
  7. fun hello(greeting: String) {
  8. println("$greeting $name!")
  9. }
  10. }
复制代码

现在,你可以通过以下方式在 JavaScript 中使用这个类:

  1. var person = new kjs.Person("Dmitry"); // 引用到模块“kjs”
  2. person.hello(); // 输出“Hello Dmitry!”
  3. person.helloWithGreeting("Servus"); // 输出“Servus Dmitry!”
复制代码

如果我们没有指定 @JsName 注解,相应函数的名称会包含从函数签名计算而来的后缀,例如 hello_61zpoe$。

请注意,Kotlin 编译器不会对 external 声明应用这种修饰,因此你不必在其上使用 @JsName。 值得注意的另一个例子是从外部类继承的非外部类。 在这种情况下,任何被覆盖的函数也不会被修饰。

@JsName 的参数需要是一个常量字符串字面值,该字面值是一个有效的标识符。 任何尝试将非标识符字符串传递给 @JsName 时,编译器都会报错。 以下示例会产生编译期错误:

  1. @JsName("new C()") // 此处出错
  2. external fun newC()
复制代码

在 JavaScript 中表示 Kotlin 类型

  1. 除了 kotlin.Long 的 Kotlin 数字类型映射到 JavaScript Number。
  2. kotlin.Char 映射到 JavaScript Number 来表示字符代码。
  3. Kotlin 在运行时无法区分数字类型(kotlin.Long 除外),即以下代码能够工作:
  1. fun f() {
  2. val x: Int = 23
  3. val y: Any = x
  4. println(y as Float)
  5. }
复制代码
  1. Kotlin 保留了 kotlin.Int、 kotlin.Byte、 kotlin.Short、 kotlin.Char 和 kotlin.Long 的溢出语义。
  2. JavaScript 中没有 64 位整数,所以 kotlin.Long 没有映射到任何 JavaScript 对象, 它是由一个 Kotlin 类模拟的。
  3. kotlin.String 映射到 JavaScript String。
  4. kotlin.Any 映射到 JavaScript Object(即 new Object()、 {} 等)。
  5. kotlin.Array 映射到 JavaScript Array。
  6. Kotlin 集合(即 List、 Set、 Map 等)没有映射到任何特定的 JavaScript 类型。
  7. kotlin.Throwable 映射到 JavaScript Error。
  8. Kotlin 在 JavaScript 中保留了惰性对象初始化。
  9. Kotlin 不会在 JavaScript 中实现顶层属性的惰性初始化。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!



回复

使用道具 举报