Variables are used for storing values. In Javascript var and let are used for variable declaration. There is also a const, which is similar to let but defines a constant, which cannot be reassigned once it is declared. The difference between the variables is that var is function scoped and let/const is block scoped. This means that a variable declared with var is defined throughout the program, while let/cost is only accessible within a block.
The name of the variable is case-sensitive and it must start with a letter, but it may contain numbers within the name.
...
| Code Block | ||||
|---|---|---|---|---|
| ||||
// variable Declaration
var x1 = 15; // an integer i.e a whole number
var valF = 0.323; // a floating point number i.e a numbers with a decimal point
let bFlag = false; // a true or false value i.e a single bit value
const threshold = 5; // a collection of characters
let character = 'g'; // a single character. Note the different quotation marks
console.log(x1);
print('The value of valF is ' + valF);
console.log(typeof bFlag);
print('The value of threshold is ' + threshold);
console.log(typeof character); |
Variables in JavaScript are not directly associated with any particular value type, and any variable can be assigned (and re-assigned) values of all types:
| Code Block | ||||
|---|---|---|---|---|
| ||||
let foo = 42; // foo is now a number foo = 'bar'; // foo is now a string foo = true; // foo is now a boolean |
...
| Code Block | ||||
|---|---|---|---|---|
| ||||
//global variables
var length1 = 150;
var length2 = 200;
function setup(){
createCanvas(300,300);// define window size
stroke(255,255,255);// define line colour
}
function draw() {
let strokeWeight = 5 //define a local variable accessible only within the block
background(0); // define background colour
line(100,10,100,length1); // draw a line
line(150,10,150,length2);
line(200,10,200,250);
fill(0,0,0); // fill colour
strokeWeight(strokeWeight); // line thickness
ellipse(100,length1,50,50); // draw an ellipse
ellipse(150,length2,50,50); // draw an ellipse
noFill(); // turn off fill
ellipse(200,250,50,50); // draw an ellipse
}
|
Javascript Data
...
Types
JavaScript’s data types are as follows:
...
Boolean are either true or false values, represented by a single bit in memory, either a 1 for true or a 0 for false in binary.
Null’s value in JavaScript is Object, but it is not an actual object that can have properties added to it. It is a reference to a variable that is defined in memory but has no value.
Undefined, unlike Null, means that the variable is not known to exist. This can be represented by a variable that is declared but never given a value.
Numbers in JavaScript are unlike many programming languages that define numbers by type (integers, floating-point, short, long, etc.) Instead they are defined as 64-bit double precision floating numbers, where the value itself is stored in bits 0 to 51, the exponent in bits 51 to 62, and the sign in bit 63. JavaScript also has a reserved keyword NaN which indicates that a number is a not a legal number, but is itself of type Number.
Strings represent a series of characters and can consist of multiple characters or single characters.
Symbols are a primitive data type i.e. tokens which serve as unique id’s.
Objects are mutable, and are not stored as continuous buffers, but instead are represented by a variety of data structure.
Operators
An operator is a symbol that tells the computer to perform a particular math or logic operation. Some of the most common operators are:
...