Javascript Journey

12
JavaScript Journey [email protected] Nov 26, 2013

description

Javascript Journey,let's go to together.

Transcript of Javascript Journey

Page 1: Javascript Journey

JavaScript [email protected]

Nov 26, 2013

Page 2: Javascript Journey

What?

• JavaScript vs Java(Programming language)

!

• JavaScript vs Java(Software Platform)

!

• JavaScript vs Javanese Language

Javanese People,Java island !

75,500,000 people used it(more than 30% of total population in Indonesia)

QA:What is JavaScript? JavaScript (JS) is an interpreted computer programming language.

a computer programming language concurrent,class-based,object-oriented

A set of serval computer software products and specifications from Sun Microsystems. !Provide a system for developing application software and deploying it a cross-platform computing environment.

Page 3: Javascript Journey

Brief

• Why?

!

• How?

!

• When?

!

• Whose?

Batting = Microsoft vs Netscape Brendan Eich -> LiveScript

Sun Oracle

prototype-based scripting language,dynamic typing,interpreted,weak typing Core:ECMAScript,DOM(Document Object Model),BOM(Browser Object Model)

client-side:jQuery server-side:node.js desktop:CommonJS game:cocos2d-x

Sun -> Oracle

Page 4: Javascript Journey

Syntax

• Basics

• Variable

• Primitive data types

• Native objects

• Operators

• Control Structures

• Functions

Brendan Eich summarized the ancestry of the syntax in the first paragraph of the JavaScript 1.1 specification[1] as follows: JavaScript borrows most of its syntax from Java, but also inherits from Awk and Perl,

with some indirect influence from Self in its object prototype system.

• Objects

• Exception handling

• Native Functions and Methods

• DOM

• BOM

• Libraries

• References

Page 5: Javascript Journey

Basics• Case sensitivity

!

!

• Whitespace and semicolons

!

!

!

• Comments

It is common to start the name of a constructor with a capitalised letter, and the name of a function or variable with a lower-case letter.

Spaces, tabs and newlines used outside of string constants are called whitespace. Unlike C, whitespace in JavaScript source can directly impact semantics. Because of a technique called "automatic semicolon insertion" (ASI), some statements that are well formed when a newline is parsed will be considered complete (as if a semicolon were inserted just prior to the newline).

Comment syntax is the same as in C++ and many other languages.

Page 6: Javascript Journey

VariableVariables in standard JavaScript have no type attached, and any value can be stored in any variable. Variables are declared with

a var statement, multiple variables can be declared at once.

Name Ruler:An identifier must start with a letter, underscore (_), or dollar sign ($); subsequent characters can also be digits (0-9). Because JavaScript is case sensitive, letters include the characters "A" through "Z" (uppercase) and the characters "a" through "z" (lowercase).

Note that JavaScript's strict mode forbids the assignment of an undeclared variable, which avoids global namespace pollution.

Page 7: Javascript Journey

Primitive data types• Undefined

!

• Null

!

• Number

!

• String

!

• Alerts

!

• Boolean

The value of "undefined" is assigned to all uninitialized variables, and is also returned when checking for object properties that do not exist.

Unlike undefined, null is often set to indicate that something has been declared but has been defined to be empty.

Numbers are represented in binary as IEEE-754 Doubles, which provides an accuracy nearly 16 significant digits. Because they are floating point numbers, they do not always exactly represent real numbers, including fractions.

A string in JavaScript is a sequence of characters. In JavaScript, strings can be created directly by placing the series of characters between double or single quotes.

Alerts are a common Javascript feature.

JavaScript provides a Boolean data type with true and false literals.

Page 8: Javascript Journey

Native Objects• Array

!

• Date

!

• Error

!

• Math

!

• Regular Expression

!

• Function

Page 9: Javascript Journey

Operators

• Arithmetic

• Assignment

• Destructuring assignment

• Comparison

• Logical

• Bitwise

• String

Page 10: Javascript Journey

Control Structures• if … else …

• Switch … case …

• for Loop

• for … in loop

• While loop

• Do … while loop

• With

• Labels

Page 11: Javascript Journey

Functions

Page 12: Javascript Journey

Reference• http://en.wikipedia.org/wiki/JavaScript#Server-side_JavaScript

• http://en.wikipedia.org/wiki/Java_(programming_language)

• http://en.wikipedia.org/wiki/Java_(software_platform)

• http://en.wikipedia.org/wiki/Javanese_script

• http://www.w3schools.com/js/default.asp

• http://en.wikipedia.org/wiki/JavaScript_syntax