hey guys
this might have been answered before
but ...
# javascriptn
nfrankel
11/21/2017, 10:55 AMhey guys
this might have been answered before
but since there’s not that much history
i apologize in advance
is there a kotlin equivalent to a top-level anonymous function:
Copy code
(function() {
// My code here
})();k
konsoletyper
11/21/2017, 10:58 AMNo. Why do you need this?
n
nfrankel
11/21/2017, 10:59 AMto execute the code when the script is read
to attach listeners to the dom elements
k
konsoletyper
11/21/2017, 10:59 AMWhy can't you pass lambdas to event listeners?
n
nfrankel
11/21/2017, 11:01 AMi can
but this anonymous function also contains other functions
so that they don’t pollute the top namespace
k
konsoletyper
11/21/2017, 11:02 AMFunctions in Kotlin do not pollute top namespace 🙂
n
nfrankel
11/21/2017, 11:02 AMwhat do you mean?
can i just declare them in my file?
and because of the package declaration, they will land in a dedicated namespace?
k
konsoletyper
11/21/2017, 11:03 AMYou can declare a private top-level function and it won't pollute anything
konsoletyper
11/21/2017, 11:03 AMLambdas don't pollute anything as well
konsoletyper
11/21/2017, 11:04 AMLocal functions don't pollute any namespaces
n
nfrankel
11/21/2017, 11:05 AMok, thanks
back to the event listener stuff
how (where) should i attach them?
k
konsoletyper
11/21/2017, 11:09 AMkonsoletyper
11/21/2017, 11:10 AMmyElem.addEventListener("click") { println(clicked) }n
nfrankel
11/21/2017, 11:10 AMsorry, that was not my question
in which scope should i attach them?
because i have to declare a function to do that
but who will call it?
that was the goal of the anonymous function
automatic script execution
k
konsoletyper
11/21/2017, 11:11 AMI don't understand your question
n
nfrankel
11/21/2017, 11:12 AMok, here’s a sample html file:
Copy code
<html>
<body>
<span id="foo"></span>
<script>
(function() {
document.getElementById("foo").innerHTML = "Foo";
})();
</script>
</body>nfrankel
11/21/2017, 11:14 AMwhen i load this HTML, there’s no calling of anything
the anonymous function is executed
and the document updated accordingly
k
konsoletyper
11/21/2017, 11:15 AMAh, I see. There's no way to do that. Currently, Kotlin/JS will define variable with the name of the module
n
nfrankel
11/21/2017, 11:15 AMso i’ve to call it explicitly?
k
konsoletyper
11/21/2017, 11:15 AMYes
n
nfrankel
11/21/2017, 11:15 AMok, thanks
k
konsoletyper
11/21/2017, 11:15 AMOr, if you have a main function and add
-main callkonsoletyper
11/21/2017, 11:16 AMAnother option is to compile to CommonJS and try to set up WebPack to generate non-polluting JS
n
nfrankel
11/21/2017, 11:17 AMwow, i’ll stick to the simple way
i’m not a javascript developer
just hacked something and want to re-write in kotlin
thanks for your time
l
Lucas
11/21/2017, 11:27 AMDid you tried using document events?
Copy code
<html>
<body>
<span id="foo"></span>
<script>
document.onload = () => {
document.getElementById("foo").innerHTML = "Foo";
}
</script>
</body>n
nfrankel
11/21/2017, 11:59 AMno 🙂
but my html sits in my main project
and my kotlinjs in another
2 Views