總結Kotlin中呼叫 js方法

這篇文章主要介紹了Kotlin 語言中呼叫JavaScript 方法實例詳解的相關資料,需要的朋友可以參考下

Kotlin 語言中呼叫JavaScript 方法實例詳解

Kotlin 已被設計成能夠與Java 平台輕鬆互通。它將 Java 類別視為 Kotlin 類，而 Java 也將 Kotlin 類別視為 Java 類別。但是，JavaScript 是一種動態類型語言，這意味著它不會在編譯期間檢查類型。你可以透過動態類型在 Kotlin 中自由地與 JavaScript 交流，但是如果你想要 Kotlin 類型系統的全部威力 ，你可以為 JavaScript 庫建立 Kotlin 頭檔。

內嵌 JavaScript

你可以使用 js("…") 函數將一些 JavaScript 程式碼嵌入 Kotlin 程式碼中。 例如：

fun jsTypeOf(o: Any): String {
 return js("typeof o")
}

js 的參數必須是字串常數。因此，以下程式碼是不正確的：

fun jsTypeOf(o: Any): String {
 return js(getTypeof() + " o") // 此处报错
}
fun getTypeof() = "typeof"

external 修飾符

要告訴Kotlin 某個宣告是用純JavaScript寫的，你應該用external 修飾符來標記它。 當編譯器看到這樣的聲明時，它假定對應類別、函數或屬性的實作由開發人員提供，因此不會嘗試從聲明中產生任何 JavaScript 程式碼。 這意味著你應該省略 external 宣告內容的程式碼體。例如：

external fun alert(message: Any?): Unit

external class Node {
 val firstChild: Node

 fun append(child: Node): Node

 fun removeChild(child: Node): Node

 // 等等
}
external val window: Window

請注意，巢狀的宣告會繼承 external 修飾符，也就是在 Node 類別中，我們在成員函數和屬性之前並不會放置 external。

external 修飾符只允許在套件級宣告中使用。 你不能聲明一個非 external 類別的 external 成員。

 宣告類別的（靜態）成員

在 JavaScript 中，你可以在原型或類別本身上定義成員。即：

function MyClass() {
}
MyClass.sharedMember = function() { /* 实现 */ };
MyClass.prototype.ownMember = function() { /* 实现 */ };

Kotlin 中沒有這樣的語法。然而，在 Kotlin 中我們有伴生（companion）物件。 Kotlin 以特殊的方式處理external 類別的伴生物件：取代期待一個物件的是，它假定伴生物件的成員就是該類別本身的成員。要描述來自上例中的MyClass，你可以這樣寫：

external class MyClass {
 companion object {
  fun sharedMember()
 }

 fun ownMember()
}

宣告可選參數

一個外部函數可以有可選參數。 JavaScript 實作實際上如何計算這些參數的預設值，是 Kotlin 所不知道的， 因此在 Kotlin 中不可能使用通常的語法來聲明這些參數。 你應該使用以下語法：

external fun myFunWithOptionalArgs(x: Int,
 y: String = definedExternally,
 z: Long = definedExternally)

這意味著你可以使用一個必需參數和兩個可選參數來呼叫myFunWithOptionalArgs（它們的預設值由一些JavaScript 程式碼算出）。

擴充 JavaScript 類別

你可以輕鬆擴充 JavaScript 類，因為它們是 Kotlin 類別。只需定義一個 external 類別並用非 external 類別擴展它。例如：

external open class HTMLElement : Element() {
 /* 成员 */
}

class CustomElement : HTMLElement() {
 fun foo() {
  alert("bar")
 }
}

有一些限制：

當一個外部基底類別的函數被簽章重載時，不能在衍生類別中覆蓋它。

不能覆寫一個使用預設參數的函數。

請注意，你無法用外部類別擴充非外部類別。

external 介面

JavaScript 沒有介面的概念。當函數期望其參數支援 foo 和 bar 方法時，只需傳遞實際具有這些方法的物件。 對於靜態類型的 Kotlin，你可以使用介面來表達這一點，例如：

external interface HasFooAndBar {
 fun foo()

 fun bar()
}

external fun myFunction(p: HasFooAndBar)

外部介面的另一個使用場景是描述設定物件。例如：

external interface JQueryAjaxSettings {
 var async: Boolean

 var cache: Boolean

 var complete: (JQueryXHR, String) -> Unit

 // 等等
}

fun JQueryAjaxSettings(): JQueryAjaxSettings = js("{}")

external class JQuery {
 companion object {
  fun get(settings: JQueryAjaxSettings): JQueryXHR
 }
}

fun sendQuery() {
 JQuery.get(JQueryAjaxSettings().apply {
  complete = { (xhr, data) ->
   window.alert("Request complete")
  }
 })
}

外部介面有一些限制：

它們不能在 is 檢查的右邊使用。
as 轉換為外部介面總是成功（並在編譯時產生警告）。
它們不能作為具體化類型參數傳遞。
它們不能用在類別的字面值表達式（即 I::class）中。

以上是總結Kotlin中呼叫 js方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！