Getting Started with the Otto JavaScript Interpreter
May 2, 2016
6 minutes read

While you're reading this, keep in mind that I'm available for hire stupid!

JavaScript is by far the most popular scripting language around right now. Born in a web browser, it’s been leaking out into the rest of the software ecosystem for about ten years. JavaScript is great for expressing short pieces of logic, and for prototyping. There are a range of high quality, open source JavaScript engines available for various purposes. The most popular is probably V8, powering projects like node.js and the Atom text editor. While V8 is an incredibly well-optimised piece of software, and there are several bindings of it to Go, the API isn’t very well-suited to close integration with the Go language. Luckily, we have a solid JavaScript engine written in pure Go. It’s called otto, and I’d like to teach you the very basics of using it.

There are a few important things you need to know if you’d like to use otto. The first is that it’s purely an interpreter - there’s no JIT compilation or fancy optimisations. While performance is important, the primary focus of otto is on rich integration with Go. The second is that (right now!) it strictly targets ES5, the fifth edition of the ECMAScript standard, ECMA-262. This is relevant because ECMA-262 actually doesn’t define an event or I/O model. This means that setTimeout, setInterval, XMLHttpRequest, fetch, and any other related things are provided by external packages (e.g. fknsrs.biz/p/ottoext). There are a handful of browser APIs in otto (like the console object), but for the most part, if it’s not in ECMA-262, it’s not in otto.

So! Now that we have that out of the way, let’s get into some specifics. First, I’ll describe some important parts of the API. Then we’ll take that information and make a real program out of it!

API

I’m going to be leaving a lot of functions out of this description. For a full listing of what’s available, check out the godoc page.

I’ll also be skipping error checking in these examples, but that’s just to save space. The full program listing below will include error handling.

type Otto

var vm otto.Otto

This type represents an interpreter instance. This is what you’ll use to actually run your JavaScript code. You can think of it as a tiny little self- contained JavaScript universe.

You can interact with this little universe in a variety of ways. You can put things into it (Set), grab things out of it (Get), and of course, run code in it (Run).

func New() Otto

vm := otto.New()

The New function is used to create an Otto instance. There’s some setup that has to happen, so you have to use this constructor function.

func (Otto) Set(name string, v interface{}) error

vm.Set("cool", true)

vm.Set("greet", func(name string) {
  return fmt.Printf("hello, %s!\n", name)
})

You can use Set to set global variables in the interpreter. v can be a lot of different things. For simple values (strings, numbers, booleans, nil), you can probably guess what happens.

If v is a more complex, but still built-in type (slice, map), it’ll be turned into the equivalent JavaScript value. For a slice, that’ll be an array. For a map, it’ll be an object.

If v is a struct, it’ll be passed through to the interpreter as an object with properties that refer to the fields and functions of that struct.

If v is a function, otto will map it through to a JavaScript function in the interpreter. Stay tuned for a more detailed article about this in the near future!

Under the hood, this actually uses a function called ToValue.

func (Otto) Run(src interface{}) (Value, error)

vm.Run(`var a = 1;`)

The most obvious way to run code in the interpreter is the Run function. This can take a string, a precompiled Script object, an io.Reader, or a Program. The simplest option is a string, so that’s what we’ll be working with.

Run will always run code in global scope. There’s also an Eval method that will run code in the current interpreter scope, but I won’t be covering that in this article.

func (Otto) Get(name string) (Value, error)

val, _ := vm.Get("greet")

This is one way to get output from the interpreter. Get will reach in and grab things out of the global scope. One important thing about this is that you can’t use Get to retrieve variables that are declared inside functions.

func (Value) Export() (interface{}, error)

a, _ := val.Export()
fmt.Printf("%#v\n", a) // prints `1`

Export does the inverse of what happens when you Set a value. Instead of taking a Go value and making it into a JavaScript value, it makes a JavaScript value into something you can use in Go code.

func (Value) Call(this Value, args …interface{}) (Value, error)

fn, _ := vm.Get("greet")
fn.Call(otto.NullValue(), "friends")

Call only works with functions. If you have a handle to a JavaScript function, you can execute it with a given context (i.e. this value) and optionally some arguments.

The arguments are converted in the same way as the Set function.

Call returns (Value, error). The Value is the return value of the JavaScript function. If the JavaScript code throws an exception, or there’s an internal error in otto, the error value will be non-nil.

There also exists a Call(src string, this interface{}, args ...interface{}) (Value, error) function on the Otto object itself. This is a sort of combination of Otto.Run and Value.Call. It evaluates the first argument, then if it results in a function, calls that function with the given this value and arguments.

A whole program

Let’s plug all these things together and see what we come up with!

Note: some of this will be formatted a little strangely to save space here.

package main

import (
  "fmt"
  "github.com/robertkrimen/otto"
)

func greet(name string) {
  fmt.Printf("hello, %s!\n", name)
}

func main() {
  vm := otto.New()

  if err := vm.Set("greetFromGo", greet); err != nil {
    panic(err)
  }

  // `hello, friends!`
  if _, err := vm.Run(`greetFromGo('friends')`); err != nil {
    panic(err)
  }

  if _, err := vm.Run(`function greetFromJS(name) {
    console.log('hello, ' + name + '!');
  }`); err != nil {
    panic(err)
  }

  // `hello, friends!`
  if _, err := vm.Call(`greetFromJS`, nil, "friends"); err != nil {
    panic(err)
  }

  if _, err := vm.Run("var x = 1 + 1"); err != nil {
    panic(err)
  }

  val, err := vm.Get("x")
  if err != nil {
    panic(err)
  }

  v, err := val.Export()
  if err != nil {
    panic(err)
  }

  // (all numbers in JavaScript are floats!)
  // `float64: 2`
  fmt.Printf("%T: %v\n", v, v)

  if _, err := vm.Run(`function add(a, b) {
    return a + b;
  }`); err != nil {
    panic(err)
  }

  r, err := vm.Call("add", nil, 2, 3)
  if err != nil {
    panic(err)
  }

  // `5`
  fmt.Printf("%s\n", r)
}

So there you have it, a whole program. It calls a Go function from JavaScript, calls a JavaScript function from Go, sets some stuff, gets some stuff, runs some code, and exports a JavaScript value to a Go value.

There’s plenty more to play around with in the otto JavaScript interpreter, and I’ll be covering some of these features in more detail, so stay tuned for more!


Back to posts