JavaScript for BASIC Programmers: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 9: Line 9:
=== Variable Types ===
=== Variable Types ===


JavaScript variables are not explicitly typed: they get their types from whatever is assigned to them. It's very similar to BASIC's Variant type.
JavaScript variables are not explicitly typed: they get their types from whatever is assigned to them. It's very similar to BASIC's Variant type. Variable names are case sensitive: myVar is not the same as myvar.


Variables are declared with the VAR statement:
Variables are declared with the VAR statement:
Line 159: Line 159:
<syntaxhighlight lang="javascript">
<syntaxhighlight lang="javascript">
for (i=1; i<=10; i++){
for (i=1; i<=10; i++){
     a[i] = i
     a[i] = i;
}
}
</syntaxhighlight>
</syntaxhighlight>
|}
|}


JavaScript uses curly braces to group the statements in the THEN and ELSE code. We'll see those curly braces used to group code in other places.
JavaScript has 3 parts to its for statement, separated by semicolons. The first is the start value, the second is the end value and the third is the increment. <code>i++</code> increments by 1.


JavaScript uses different operators for assignment and to test equality. Assignment is a single =, while testing equality is ==.
=== Statement Endings ===


=== Statement Endings ===
{| class="wikitable"


|-
|-
Line 174: Line 174:
|-
|-
|<syntaxhighlight lang="vbnet">
|<syntaxhighlight lang="vbnet">
a = "This is a very long" & _
a = "This is a very long " & _
"statement"
"statement"
</syntaxhighlight>||
</syntaxhighlight>||
<syntaxhighlight lang="javascript">
<syntaxhighlight lang="javascript">
a = "This is a very long" +
a = "This is a very long " +
"statement"
    "statement";
</syntaxhighlight>
|-
|<syntaxhighlight lang="vbnet">
b = ("Yesterday", _
"Today", _
"Tomorrow" _
)
</syntaxhighlight>||
<syntaxhighlight lang="javascript">
b = ["Yesterday",
    "Today",
    "Tomorrow"
];
</syntaxhighlight>
|}
 
 
=== Functions ===
 
{| class="wikitable"
 
|-
! BASIC !! JavaScript
|-
|<syntaxhighlight lang="vbnet">
Sub mySubroutine(x)
  Print "x"
End Sub"
</syntaxhighlight>||
<syntaxhighlight lang="javascript">
function mySubroutine(x) {
  NSB.Print("x");
}
</syntaxhighlight>
|-
|<syntaxhighlight lang="vbnet">
Function myFunction(x)
  Print "x"
  myFunction = "done"
End Function"
</syntaxhighlight>||
<syntaxhighlight lang="javascript">
function myFunction(x) {
  NSB.Print("x");
  return "done";
}
 
myFunction = function(x) {
  NSB.Print("x");
  return "done";
}
</syntaxhighlight>
</syntaxhighlight>
|}
|}

Latest revision as of 14:22, 7 August 2017

AppStudio's BASIC is modelled on Microsoft's Visual BASIC. It runs on other operating system by translating the BASIC to JavaScript, a language which is supported on all platforms.

JavaScript is a powerful and flexible programming language. It's the standard programming language of the web. It's also the subject of Atwood's Law: "Any application that can be written in JavaScript, will eventually be written in JavaScript."

When we designed our Translator, we were pleased to discover that almost everything in BASIC had a direct equivalent in JavaScript. Each BASIC statement could be turned into a JavaScript statement which did the same thing. (The reverse is not true: there are many features in JavaScript which do not have an equivalent in BASIC.)

This document isn't intended to teach you everything about JavaScript. It should give you enough of an introduction to get started and learn the basic forms of JavaScript.

Variable Types

JavaScript variables are not explicitly typed: they get their types from whatever is assigned to them. It's very similar to BASIC's Variant type. Variable names are case sensitive: myVar is not the same as myvar.

Variables are declared with the VAR statement:

BASIC JavaScript
Dim a
var a;
var b,c;
var d = 100;

In JavaScript, you can declare multiple variables in one statement. You can also assign an initial value.

Arrays

BASIC JavaScript
Dim a(100)
var a = [];
a(1) = 1
a[1] = 1;

Arrays use square brackets, not round. No limit is declared on the size of the array. You can create an array simply by assigning an empty array to a variable.

Assignment

BASIC JavaScript
a = 100;
a = 100;
s = "Zaphod"
s = "Zaphod";
s = 'Zaphod';

There is no real difference between the languages. Note that JavaScript statements end with a semicolon (";"), rather than the end of the line. You are therefore allowed to break up statements into multiple lines.

Strings can be surrounded by matched single or double quotes. This make is much easier to have embedded quotes in strings.

IF statements

BASIC JavaScript
If a = 1 Then b = 2
if (a == 1) b = 2;
If a = 1 Then
     b = 2
 End If
if (a == 1) {
    b = 2;
}
If a = 1 Then
    b = 2
Else
   c = 3
End If
if (a == 1) {
    b = 2;
} else {
    c = 3;
}

JavaScript uses curly braces to group the statements in the THEN and ELSE code. We'll see those curly braces used to group code in other places.

JavaScript uses different operators for assignment and to test equality. Assignment is a single =, while testing equality is ==.

Operators

Here is a list of BASIC operators and their JavaScript equivalents:

BASIC JavaScript Notes
= = Assignment
= == Are the two args equal?
<> != Are the two args unequal?
<, >, <=, >= <, >, <=, >= No difference
& + Concatenate two strings
Or || Logical Or
And && Logical Or
Not ! Logical not

For loops

BASIC JavaScript
For i = 1 to 10
    a(i) = i
Next
for (i=1; i<=10; i++){
    a[i] = i;
}

JavaScript has 3 parts to its for statement, separated by semicolons. The first is the start value, the second is the end value and the third is the increment. i++ increments by 1.

Statement Endings

BASIC JavaScript
a = "This is a very long " & _
"statement"
a = "This is a very long " +
    "statement";
b = ("Yesterday", _
"Today", _
"Tomorrow" _
)
b = ["Yesterday", 
     "Today", 
     "Tomorrow" 
];


Functions

BASIC JavaScript
Sub mySubroutine(x)
  Print "x"
End Sub"
function mySubroutine(x) {
  NSB.Print("x");
}
Function myFunction(x)
  Print "x"
  myFunction = "done"
End Function"
function myFunction(x) {
  NSB.Print("x");
  return "done";
}

myFunction = function(x) {
  NSB.Print("x");
  return "done";
}