In JavaScript, variable names must start with a letter or underscore, are case sensitive and multiple words should be camel cased, example: aVariableName. Variable names may only contain letters, numbers and underscores.<\/p>\n
JavaScript determines what type a variable is. There are primitive and complex types. Valid primitive types include string, number, boolean, null, symbol and undefined. Variables are defined as either var, let or const. Variables defined as var are hoisted to the top of the defining function. Variables defined using let have block scope, so they are only visible within the enclosing scope, such as within a for loop or if statement. Variables defined using const also have block scope and can not be reassigned a new value. They are constant. Since let was introduced, using var isn’t really necessary. Using let also protects from unintentionally re-declaring a variable with the same name. For example, the code below using var will not throw an error:<\/p>\n
\nvar diameter = 11;\ndiameter += 5;\nconsole.log(diameter);\nvar diameter = 12;\nconsole.log(diameter);\n<\/code><\/pre>\nHowever using let will throw an error when declaring a variable with the same name as an already declared variable with that name.<\/p>\n
\nlet diameter = 11;\ndiameter += 5;\nconsole.log(diameter);\nlet diameter = 12;\nconsole.log(diameter);\n<\/code><\/pre>\n<\/p>\n
\nlet diameter = 13; \/\/ A number\nlet radius = 6.5; \/\/ A number\nlet shape = \"Circle\"; \/\/ A string\nlet large = false; \/\/ A boolean\nlet small = x; \/\/ Undefined\n<\/code><\/pre>\nSemi-colons at the end of the declaration are optional. I prefer to use them as they give a clear indication of the end of a statement.<\/p>\n
Assigning a variable a different value with a different type than it’s previous definition, changes the variable’s type.<\/p>\n
\nradius = '6'; \/\/ Radius is now a string\n<\/code><\/pre>\n\nThe type of a variable can be found by:<\/p>\n
\ntypeof radius;\n<\/code><\/pre>\n\nA variable may be displayed on the screen by using the built in console function:<\/p>\n
\nconsole.log(typeof radius);\n<\/code><\/pre>\n\nTo convert a variable of one type to another type, cast the variable. Examples:<\/p>\n
\nlet str_cast = diameter.toString();\nlet int_cast = parseInt(shape);\nlet float_cast = parseFloat(diameter);\n<\/code><\/pre>\n\nNumber will also cast a string to a number, example;<\/p>\n
\nlet num_cast = Number(diameter);\n<\/code><\/pre>\n\nComplex variable types are function and object. Object is returned for null, arrays and objects, but not functions. Functions and objects will be discussed in later lessons.<\/p>\n
Implementation:<\/strong><\/p>\nInside the javascript_tutorial.js file created in the JavaScript set up tutorial<\/a>, add the following lines that are in bold:<\/p>\n\/\/ JavaScript Tutorial\n\n\/*\n* This file will add JavaScript\n* to a website.\n*\/\n\n(function() {\n let doc = document;\n})();\n<\/strong>\n<\/pre>\nThe JavaScript tutorial series starts with this post<\/a>.<\/p>\n\n(paid links)
\nMore JavaScript<\/a><\/p>\n