mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-12 07:12:53 +01:00
53f0d6320e
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com> Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com> Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com> Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>
92 lines
2.2 KiB
Markdown
92 lines
2.2 KiB
Markdown
---
|
|
hide_title: true
|
|
hide_table_of_contents: true
|
|
title: Script
|
|
---
|
|
|
|
<##head##>
|
|
|
|
# Script
|
|
|
|
This node allows you to add complex JavaScript to your application.
|
|
Please refer to the [Script Guide](/docs/guides/business-logic/javascript) to learn more about the API.
|
|
But remember - with great power comes great responsibility.
|
|
|
|
<div className="ndl-image-with-background l">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
In most cases you are better off using the simpler <span className="ndl-node">[Function](/nodes/javascript/function)</span> node for your custom JavaScript.
|
|
|
|
## Getting Started
|
|
|
|
Reading the Javascript [guide](/docs/guides/business-logic/javascript) gives a broader understanding of how it works.
|
|
|
|
Here is an example of how you create a function that you can call in the node graph:
|
|
|
|
```js
|
|
Script.Inputs = {
|
|
Prefix: "string",
|
|
Value: "number"
|
|
};
|
|
|
|
Script.Outputs = {
|
|
Done: "signal",
|
|
Value: "string",
|
|
};
|
|
|
|
Script.Signals.MyFunction = function (value) {
|
|
// run javascript code
|
|
|
|
Script.Outputs.Value = Script.Inputs.Prefix + " " + Script.Inputs.Value;
|
|
Script.Outputs.Done();
|
|
};
|
|
```
|
|
|
|
This can also be done with a setter so you dont have to call the `MyFunction` signal.
|
|
|
|
```js
|
|
Script.Inputs = {
|
|
Prefix: "string",
|
|
Value: "number"
|
|
};
|
|
|
|
Script.Outputs = {
|
|
Done: "signal",
|
|
Value: "string",
|
|
};
|
|
|
|
function onChange() {
|
|
Script.Outputs.Value = Script.Inputs.Prefix + " " + Script.Inputs.Value;
|
|
Script.Outputs.Done();
|
|
}
|
|
|
|
Script.Setters.Prefix = onChange;
|
|
Script.Setters.Value = onChange;
|
|
```
|
|
|
|
### Handling when the node is unmounted
|
|
|
|
When the node is unmounted like going to a different page, the `OnDestroy` method will be called.
|
|
In this method, you can clean up potential listeners or libraries to keep the app performant.
|
|
|
|
```js
|
|
Script.OnDestroy = function () {
|
|
// called when the node is unmounted
|
|
}
|
|
```
|
|
|
|
<##head##>
|
|
|
|
## Inputs
|
|
|
|
The inputs are defined by the content of the script or by explicitly specifying inputs in the properties.
|
|
See the javascript [guide](/docs/guides/business-logic/javascript) for more details.
|
|
|
|
## Outputs
|
|
|
|
The outputs are defined by the content of the script or by explicitly specifying outputs in the properties.
|
|
See the javascript [guide](/docs/guides/business-logic/javascript) for more details.
|