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의 매개변수는 string상수여야 합니다. 따라서 다음 코드는 올바르지 않습니다.

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

external modifier

Kotlin에게 특정 선언이 순수 JavaScript로 작성되었음을 알리려면 이를 external 한정자로 표시해야 합니다. 컴파일러는 이러한 선언을 볼 때 해당 클래스, 함수 또는 속성의 구현이 개발자에 의해 제공되었다고 가정하므로 선언에서 JavaScript 코드를 생성하려고 시도하지 않습니다. 이는 외부 선언 콘텐츠의 본문을 생략해야 함을 의미합니다. 예:

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

중첩된 선언은 외부 수정자를 상속합니다. 즉, Node 클래스에서는 멤버 함수 및 속성 앞에 external을 배치하지 않습니다.

외부 한정자는 패키지 수준 선언에서만 허용됩니다. 외부가 아닌 클래스의 외부 멤버를 선언할 수 없습니다.

클래스 멤버 선언(static)

JavaScript에서는 프로토타입이나 클래스 자체에서 멤버를 정의할 수 있습니다. 즉,

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

Kotlin에는 이러한 구문이 없습니다. 그러나 Kotlin에는 컴패니언 객체가 있습니다. Kotlin은 외부 클래스의 컴패니언 객체를 특별한 방식으로 처리합니다. 즉, 객체를 기대하는 대신 컴패니언 객체의 멤버가 클래스 자체의 멤버라고 가정합니다. 위의 예에서 MyClass를 설명하려면 다음과 같이 작성할 수 있습니다.

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

 fun ownMember()
}

Declaring OptionalParameters

외부 함수에는 선택적 매개변수가 있을 수 있습니다. JavaScript 구현이 실제로 이러한 매개변수의 기본값을 어떻게 계산하는지 Kotlin에서는 알 수 없으므로 Kotlin의 일반적인 구문을 사용하여 이러한 매개변수를 선언하는 것은 불가능합니다. 다음 구문을 사용해야 합니다:

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

이는 하나의 필수 인수와 두 개의 선택적 인수를 사용하여 myFunWithOptionalArgs를 호출할 수 있음을 의미합니다(기본값은 일부 JavaScript 코드로 파악됩니다).

JavaScript 클래스 확장

JavaScript 클래스는 Kotlin 클래스이므로 쉽게 확장할 수 있습니다. 외부 클래스를 정의하고 외부 클래스가 아닌 클래스로 확장하면 됩니다. 예:

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

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

에는 몇 가지 제한 사항이 있습니다.

외부 기본 클래스의 함수가 서명되어 오버로드되면 파생 클래스에서 재정의될 수 없습니다.

기본 매개변수를 사용하는 함수는 재정의할 수 없습니다.

비외부수업은 외부수업으로 연장할 수 없으니 주의해주세요.

외부 인터페이스

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 체크의 오른쪽에는 사용할 수 없습니다.
외부 인터페이스로의 변환은 항상 성공하므로 컴파일 타임에 경고가 생성됩니다.
구체화된 유형 매개변수로 전달될 수 없습니다.
클래스의 리터럴 표현식(예: I::class)에는 사용할 수 없습니다.

위 내용은 Kotlin에서 js 메소드 호출 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!