Laya中的脚本与外部的Js之间相互调用

Laya调用Js

要在LayaAir游戏引擎中调用JavaScript代码,你可以使用LayaAir提供的JavaScript接口。下面是一个简单的示例,展示了如何在LayaAir项目中调用JavaScript函数:

  1. 创建一个LayaAir项目,并确保你已经设置好了项目的基本结构。
  2. 在LayaAir项目中的任意一个类(例如主入口类)中添加以下代码:
typescript 复制代码
// 导入JavaScript接口
declare function jsFunction(param: any): any;

class Main {
    constructor() {
        // 调用JavaScript函数
        this.callJSFunction();
    }

    private callJSFunction(): void {
        // 调用JavaScript函数并传递参数
        const result = jsFunction("Hello from LayaAir!");
        console.log(result);
    }
}
  1. 编译和运行LayaAir项目,确保你的项目能够正常启动。
  2. 在LayaAir项目的HTML文件中添加一个JavaScript脚本标签,定义jsFunction函数的实现:
javascript 复制代码
<script>
    // 定义JavaScript函数
    function jsFunction(param) {
        console.log("JavaScript function called with parameter: " + param);
        return "Response from JavaScript";
    }
</script>
  1. 刷新浏览器,你将在浏览器的控制台中看到如下输出:
JavaScript 复制代码
JavaScript function called with parameter: Hello from LayaAir!
Response from JavaScript

这样,你就成功地在LayaAir项目中调用了JavaScript函数并获取了返回值。请根据你的实际需求修改和扩展这个示例代码。

Js调用Laya

在Laya工程中添加事件监听,注意这里要用箭头函数去调用,要不然会出现this指向window的问题。

typescript 复制代码
window.addEventListener("OnConnectWebRtc",()=>{
            this.OnConnectWebRtc();
        })
window.addEventListener("OnDisConnectWebRtc",()=>{
            this.OnDisConnectgWebRtc();
        })

在外部触发事件

javascript 复制代码
const e = new Event("OnDisConnectWebRtc");
    
window.dispatchEvent(e)
相关推荐
小小前端_我自坚强12 分钟前
Vue 3 使用心得
前端·javascript·vue.js
万粉变现经纪人15 分钟前
如何解决 pip install -r requirements.txt 无效可编辑项 ‘e .‘(-e 拼写错误)问题
开发语言·python·r语言·beautifulsoup·pandas·pip·scipy
华仔啊17 分钟前
前端真的需要懂算法吗?该怎么样学习?
前端·javascript
笔尖的记忆21 分钟前
【前端架构和框架】react准备知识
前端·javascript
渣哥22 分钟前
从配置文件到 SpEL 表达式:@Value 在 Spring 中到底能做什么?
javascript·后端·面试
say_fall30 分钟前
精通C语言(2.结构体)(内含彩虹)
c语言·开发语言·windows
潇凝子潇31 分钟前
在使用Nacos作为注册中心和配置中心时,如何解决服务发现延迟或配置更新不及时的问题
开发语言·python·服务发现
一小池勺44 分钟前
改变上下文的 API:call, apply, bind
前端·javascript
Keepreal4961 小时前
使用Canvas绘制转盘
javascript·vue.js·canvas
纵横八荒1 小时前
Java基础加强13-集合框架、Stream流
java·开发语言