Solidity vs. JavaScript: Similarities & Differences

Before we dive into Solidity Coding Tutorials, let’s study a Smart Contract! 🔬

Here is an example smart contract called OnOffSwitch written in Solidity:

1
/* Here we specify the solidity versions
2
 * Any version greater than or equal to 0.6.2
3
 * or less than 0.7.0 will compile this contract */
4
pragma solidity ^0.6.2;
5
6
contract OnOffSwitch {
7
    // the switch is on if true
8
    bool private isOn;
9
10
    constructor() public {
11
        // we'll default to being on
12
        isOn = true;
13
    }
14
15
    // a publicly accessible function to "flip" the switch
16
    function toggle() public returns(bool) {
17
        // flip isOn from true->false or false->true
18
        isOn = !isOn;
19
        // return the new value
20
        return isOn;
21
    }
22
}

Coming from learning JavaScript, what are some of the immediately noticeable things about this programming language?

First, let’s look at the familiar! Things that are similar to JavaScript:

• Comments appear to be the same! Both syntaxes: // comment and /* comment */
• The casing used is the same as JavaScript, it is lowerCamelCase
• Curly Braces {} seem to serve a similar purpose, marking scope
• Boolean values true/false which can be modified with boolean operators: !
• The contract keyword seems a bit like JavaScript class, especially the constructor
• The function syntax looks a bit similar to JavaScript
• The return keyword is still used for passing a value back from a function

Now let’s look at the dissimilarities:

• There seems to be some kind of version control statement at the top: pragma
• There are public/private keywords for variables and functions
• The isOn variable is prefaced with its type bool
• The code refers to the isOn member variable without using this
• The function toggle defines what it will return, a bool

Ok, well that was a good quick glance! 👁

Now let’s dive into all of these things we noticed to learn more about the language. 🧐

Compiler Version Control ⚙️

Version Control can be very helpful to specify a range of versions that are acceptable for a dependency or a tool.

In Solidity, we can specify what versions of the compiler our contract will work with using the pragma keyword:

1
pragma solidity ^0.6.2;

The ^ symbol indicates that this contract will compile with not only version 0.6.2, but also anything above that version all the way up until the next minor version 0.7.0.

This syntax may look very similar to you from npm when we worked with the package.json! Both of these systems use semantic versioning where there are three values:

• The major version: x.0.0
• The minor version: 0.x.0
• The patch version: 0.0.x

Major updates make no guarantee of backwards compatibility. Generally, major updates introduce many breaking changes that will require you to make changes to your code to update successfully.

Minor version updates will generally add functionality in a backwards-compatible way.

Patch version updates are meant for bug fixes and should not break your code’s expected behavior (unless you were depending on behavior which was the result of a bug).

The Contract 📜

At first glance, the contract keyword looks a bit like class in JavaScript!

1
contract OnOffSwitch {
2
    // the switch is on if true
3
    bool private isOn;
4
5
    constructor() public {
6
        // we'll default to being on
7
        isOn = true;
8
    }
9
}

👆🏼 Here we are declaring isOn as a member variable of the OnOffSwitch contract. In Solidity these variables are generally referred to as state variables.

Just like in JavaScript classes, the constructor is run only once. For contracts, the constructor is run when it is deployed. The isOn state variable will be set to true on the deployment of this contract.

The isOn variable is accessible anywhere in this contract by name. Unlike JavaScript class variables, there is no need to use this. inside of the contract itself to gain access to the state variables.

Since state variables are referred to by name, you may often see constructor arguments using underscores to disambiguate:

1
constructor(bool _isOn) public {
2
    // in this case we'll accept a boolean argument
3
    // that will set the initial value of isOn
4
    isOn = _isOn;
5
}

It’s important to recognize that when we make a change to a state variable on a deployed smart contract, we are modifying permanent storage on the blockchain.

Local variables defined inside of a code block {} or passed in as arguments live in memory only for the length of their particular scope.

Control Structures 🎛

As you may have noticed in our initial example, Solidity also has the return statement for passing back values from a function.

One difference in Solidity is that multiple values can be returned from a Solidity function as a tuple:

1
function getValues() public pure returns (int, bool) {
2
    return (49, true);
3
}

The following statement is perfectly valid in Solidity. Similarly, tuples can be used to destructure assignments similar to destructuring in JavaScript:

1
(bool x, bool y) = (true, false);

Along with the return keyword, Solidity also has if, else, while, do, for, break, and continue with the same semantics as JavaScript.

Visibility 👀

You may have noticed the keywords public and private in the initial contract example shown. These keywords are called visibility specifiers because they determine from where functions can be accessed.

As you might expect, a public function is one that can be accessed from anywhere. A private function is one that cannot be. When a variable is declared public, a getter function is generated that will allow access to the variable state.

In addition to public and private, there are also internal and external visibility specifiers. We’ll discuss these specifiers further as we dive into contract communication through message passing.

Static Typing 🛡

The last big distinction we noticed from the example is that Solidity has static typing.

In JavaScript, you don’t need to specify the data type. We use keywords like var, let and const that could hold numbers, strings, and other various objects:

1
let strangeValue = 3;
2
3
strangeValue = "now im a string!";

👆🏼 Changing a variable’s type like this may not be the best practice, however from the JavaScript language’s perspective, this is perfectly valid! This is because JavaScript is a dynamically typed language.

In Solidity, all variables must declare their type:

1
bool isOn = true;

👆🏼 Here our isOn variable is a boolean value. It must always be true or false.

What if we tried storing a number in a bool? 🤔

1
bool myNumber = 10; // ...hmm?

No good!. In fact, Solidity won’t even compile with a statement like this. ❌

The compiler will raise a “TypeError: Type int_const 10 is not implicitly convertible to expected type bool.” And rightly so! 🤨

Static typing also affects the way the function is declared. Let’s use our example above where we returned a tuple:

1
function getValues() public pure returns (int, bool) {
2
    return (49, true);
3
}

👆🏼 Here the function must declare what type of values it is going to return. It defines that an integer and boolean will be returned in a tuple list in that order.

If it were to try and return values of a different data type it would throw an exception.

🏁 Wrap Up

In this article, we went over some of the basic differences and similarities between Solidity and JavaScript! 🎉

We talked about version control, contract structure, control structures, scoping, access control and static typing. Yikes, that’s quite a lot! 😅

Don’t fret if it hasn’t all sunk in just yet, there’s plenty of time to learn as we go through the coding tutorials. 😮‍💨

Next up, we start coding Solidity! 👨‍💻👩‍💻

Learn More About Solidity

Alchemy University offers free web3 development bootcamps that explain the difference between Javascript and Solidity and help developers master the fundamentals of web3 technology. Sign up for free, and start building today!