Javascript 如何使用fltter_js将对象作为参数传递给javascrip

发布于01月15日

我需要在Ffltter项目中运行Java脚本代码. 我用flutter_js来做这个.

我可以将int(或String)值作为参数传递给Java脚本，例如:

String blocJs = await rootBundle.loadString("assets/js/bloc.js");
final jsResult = jsRuntime.evaluate(blocJs + """add($firstNumber, $secondNumber)""");

但是我需要将object作为参数传递给JavaScript代码. 这可能吗？

推荐答案

您可以在DART中定义对象，并将其作为字符串传递给JavaScript函数.然后，您可以在JavaScript中解析该字符串并使用该对象.

下面是一个例子:

import 'dart:convert';

class Person {
  final String name;
  final int age;

  Person(this.name, this.age);

  Map<String, dynamic> toMap() {
    return {
      'name': name,
      'age': age,
    };
  }

  String toJson() => json.encode(toMap());
}

final person = Person('John', 30);
final jsObject = 'JSON.parse(\'${person.toJson()}\')';

final jsResult = jsRuntime.evaluate(blocJs + """add($firstNumber, $secondNumber, $jsObject)""");

在本例中，我们定义了一个具有name和age字段的Person类.然后，我们创建此类的一个实例，并使用json.encode方法将其转换为JSON字符串.然后，我们将该JSON字符串作为参数传递给JavaScript函数.

在JavaScript函数中，您可以使用JSON.parse方法解析JSON字符串并使用结果对象.