Scribd
Upload
35K views

Lecture 2 - Introduction To JavaScript

The document provides an introduction to JavaScript, covering basic syntax like variables, data types, operators, and more. It explains that JavaScript can be used for both client-side development in browsers using frameworks like jQuery and React, as well as server-side development with Node.js. Key JavaScript concepts discussed include variables, data types, operators, and the difference between primitive and complex data types.

Uploaded by

Muhammad Zaman Qadir
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
35K views

Lecture 2 - Introduction To JavaScript

The document provides an introduction to JavaScript, covering basic syntax like variables, data types, operators, and more. It explains that JavaScript can be used for both client-side development in browsers using frameworks like jQuery and React, as well as server-side development with Node.js. Key JavaScript concepts discussed include variables, data types, operators, and the difference between primitive and complex data types.

Uploaded by

Muhammad Zaman Qadir
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 11

MOBILE APPLICATION

DEVELOPMENT
Introduction to JavaScript
JavaScript

• Client Side Language (Vanilla JS, jQuery, React, etc)


• Server Side Language (Node.js, MongoDB etc)
• Easy to Learn
• ES6 (ECMAScript 6) introduced and standardized in 2015
JS Syntax

• Very similar to other programming languages


• JavaScript uses the var keyword to declare variables.
• Universal principle for identifiers
• Strings are text, written within double or single quotes
• Output on console using console.log
JS Variables

• Can create uninitialized variables or variable declaration (undefined)


• Change type of same variable anytime
• Recreate same variable again var a; //undefined
var b = a + 10; // NaN
var x = 10
var x = 100
console.log(x) // 100
var x = "I am one hundred"
console.log(x) // I am one hundred
JS Operators

• Similar to other programming languages


except === and !==
var a = 10
var b = '10'

console.log("a == b:", a == b)
console.log("a === b:", a === b)
JS DataTypes

• Number, String, Object etc


• Decimal
var x = 15.56

• Exponential
var x = 10e5

• Object
var person = { firstName:"John", lastName:"Doe", age:50 };
JS typeof Operator

• You can use the JavaScript typeof operator to find the type of a JavaScript
variable.
• The typeof operator returns the type of a variable or an expression:

typeof ""             // Returns "string" typeof 0              // Returns "number"


typeof "John"         // Returns "string" typeof 314            // Returns "number"
typeof "John Doe"     // Returns "string" typeof 3.14           // Returns "number"
typeof (3)            // Returns "number"
typeof (3 + 4)        // Returns "number"
JS undefined vs null

• In JavaScript null is "nothing". It is supposed to be something that doesn't


exist.
• Unfortunately, in JavaScript, the data type of null is an object.
• You can empty an object by setting it to null

• undefined and null are equal in value but different in type:


typeof undefined           // undefined
typeof null                // object

null === undefined         // false


null == undefined          // true
Primitive Data

• A primitive data value is a single simple data value with no additional


properties and methods.
• The typeof operator can return one of these primitive types:
• string
• number
• boolean typeof "John"              // Returns "string"

• Undefined
typeof 3.14                //
typeof true                //
Returns
Returns
"number"
"boolean"
typeof false               // Returns "boolean"
typeof x                   // Returns "undefined" (if x has no value)
Complex Data

• The typeof operator can return one of two complex types:


• function
• object

• The typeof operator returns "object" for objects, arrays, and null.
• The typeof operator does not return "object" for functions.
typeof {name:'John', age:34} // Returns "object"
typeof [1,2,3,4]             // Returns "object" (arrays are objects)
typeof null                  // Returns "object"
typeof function myFunc(){}   // Returns "function"
ES6 Variables

var let const

Scope Function Block Block

Can change value Yes Yes No


after creation?

You might also like