slide môn học HDJ bài 8 the core language objects in javascript

24 282 0
slide môn học HDJ bài 8 the core language objects in javascript

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

The Core language Objects in JavaScript Session A Recap   Scripting Language – Scenarios Language JavaScript’s Elements     Core JavaScript Object Client-Side JavaScript Object Server-Side JavaScript Object JavaScript’s Tokens      Variables Data Types Operators (Arithmetic, Comparison, Logical, String, Evaluation) Expression Regular Expression Web Page Programming with HTML,DHTML & JavaScript/Session 8/ of 16 A Recap  Various message boxes     Function     Alert Confirm Prompt Pre-defined functions User-defined functions Return statement Display Information Web Page Programming with HTML,DHTML & JavaScript/Session 8/ of 16 Objectives  Work on Core Language Objects  Use object Attributes and Methods Web Page Programming with HTML,DHTML & JavaScript/Session 8/ of 16 Objects  The properties (variables) that define the object and the methods (functions) that work on the data are included in the object  For example, a car is an object The properties of the car are its make, model, and color They have some common methods like, go (), brake(), reverse() Web Page Programming with HTML,DHTML & JavaScript/Session 8/ of 16 Properties and Methods  To access the properties of the object, we must specify the object name and the property: objectName.propertyName  To access the methods of an object, we must specify the object name and the required method: objectName.method () Web Page Programming with HTML,DHTML & JavaScript/Session 8/ of 16 Example function Car(model, type) { this.model = “Toyota”; this.type = “for King Nothing”; } this.run = function() { document.write(“Brmm…”); } Web Page Programming with HTML,DHTML & JavaScript/Session 8/ of 16 Using objects  When creating a Web page we can insert:  Browser objects  Built in script language objects (vary depending on the scripting language used)   HTML elements We can also create our own objects for use in the programs Web Page Programming with HTML,DHTML & JavaScript/Session 8/ of 16 Object Hierarchy Browser Objects Script Objects HTML Elements Web Page Programming with HTML,DHTML & JavaScript/Session 8/ of 16 The this statement  The this statement is more of an internal property  Its value indicates the current object It can have standard properties such as name, length and value applied accordingly Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 10 of 16 The for in statement  The for in statement is used to cycle through each property of an object or each element of an array  The syntax is: for (variable in object) { statements; } Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 11 of 16 The with statement  The with statement is used to execute a set of statements that have a specified object as the reference  The property is assigned to the object specified in the with statement  The syntax is: with (object) { statements; } Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 12 of 16 New Operator    The new operator is used to create a new instance of an object type The object type may be user-define or built-in objectName = new objectType (param1 [,param2] [,paramN]) where, objectName is the name of the new object instance ObjectType is a function that defined the type of the object For example, Array Param[1, 2, ] are the property values of the object Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 13 of 16 Eval function    The eval function is used to evaluate a string of code without reference to any specific object The string can be a JavaScript expression, statement, or a group of statements The expression can include variables and properties of an object var x = 5; var z = 10; document.write(eval(“x + z + 5”)); Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 14 of 16 String object    The string object is used to manipulate and work with strings of text We can extract substrings and convert text to upper- or lowercase characters in a program The general syntax is, stringName.propertyName or stringName.methodName Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 15 of 16 Creating String object  There are different methods of creating strings  Using the var statement and optionally assigning it to a value  Using an assignment operator (=) with a variable name  Using the string () constructor Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 16 of 16 String Object  Properties   length Methods        charAt(index) charCodeAt(index) fromCharCode(icode, icode, icode…) indexOf(findString, pos) lastIndexOf(findString, pos) Substring(start, end) toLowerCase(), toUpperCase Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 17 of 16 Math Object  The Math object has properties and methods that represent advanced mathematical calculations function doCalc(x) var a; a = Math.PI * x alert("The area with a radius of " a); } { * x; of a circle + x + “ is " + Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 18 of 16 Math Object  Properties   PI Methods       abs(number) ceil(number) floor(number) round(number) random() pow(number, exp) Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 19 of 16 Date object  The Date built-in object contains both date and time information  The Date object does not have any properties  It has a large number of methods for setting, getting, and manipulating dates Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 20 of 16 Date object  The Date object stores dates as the number of milliseconds since January 1, 1970, 00:00:00 DateObject = new Date(parameters) Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 21 of 16 Date Object   Properties Methods         getDate() getDay() getMonth() getFullYear() getHours() getMinutes getSeconds getMiliseconds setDate() setMonth() setFullYear() Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 22 of 16 Array Object  Properties   length Methods      concat() slice(start, end) join() sort() reverse() Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 23 of 16 Timers  One Shot Timer   setTimeout(“javaScript code”, delay) Timer that Fires at Regular Intervals   setInterval(“javaScript code”, interval) clearInterval(handler) Web Page Programming with HTML,DHTML & JavaScript/Session 8/ 24 of 16 [...]... creating strings  Using the var statement and optionally assigning it to a value  Using an assignment operator (=) with a variable name  Using the string () constructor Web Page Programming with HTML,DHTML & JavaScript/ Session 8/ 16 of 16 String Object  Properties   length Methods        charAt(index) charCodeAt(index) fromCharCode(icode, icode, icode…) indexOf(findString, pos) lastIndexOf(findString,... Programming with HTML,DHTML & JavaScript/ Session 8/ 14 of 16 String object    The string object is used to manipulate and work with strings of text We can extract substrings and convert text to upper- or lowercase characters in a program The general syntax is, stringName.propertyName or stringName.methodName Web Page Programming with HTML,DHTML & JavaScript/ Session 8/ 15 of 16 Creating String object  There... to the object specified in the with statement  The syntax is: with (object) { statements; } Web Page Programming with HTML,DHTML & JavaScript/ Session 8/ 12 of 16 New Operator    The new operator is used to create a new instance of an object type The object type may be user-define or built -in objectName = new objectType (param1 [,param2] [,paramN]) where, objectName is the name of the new object instance... that defined the type of the object For example, Array Param[1, 2, ] are the property values of the object Web Page Programming with HTML,DHTML & JavaScript/ Session 8/ 13 of 16 Eval function    The eval function is used to evaluate a string of code without reference to any specific object The string can be a JavaScript expression, statement, or a group of statements The expression can include.. .The for in statement  The for in statement is used to cycle through each property of an object or each element of an array  The syntax is: for (variable in object) { statements; } Web Page Programming with HTML,DHTML & JavaScript/ Session 8/ 11 of 16 The with statement  The with statement is used to execute a set of statements that have a specified object as the reference  The property... Page Programming with HTML,DHTML & JavaScript/ Session 8/ 22 of 16 Array Object  Properties   length Methods      concat() slice(start, end) join() sort() reverse() Web Page Programming with HTML,DHTML & JavaScript/ Session 8/ 23 of 16 Timers  One Shot Timer   setTimeout( javaScript code”, delay) Timer that Fires at Regular Intervals   setInterval( javaScript code”, interval) clearInterval(handler)... JavaScript/ Session 8/ 18 of 16 Math Object  Properties   PI Methods       abs(number) ceil(number) floor(number) round(number) random() pow(number, exp) Web Page Programming with HTML,DHTML & JavaScript/ Session 8/ 19 of 16 Date object  The Date built -in object contains both date and time information  The Date object does not have any properties  It has a large number of methods for setting, getting,... manipulating dates Web Page Programming with HTML,DHTML & JavaScript/ Session 8/ 20 of 16 Date object  The Date object stores dates as the number of milliseconds since January 1, 1970, 00:00:00 DateObject = new Date(parameters) Web Page Programming with HTML,DHTML & JavaScript/ Session 8/ 21 of 16 Date Object   Properties Methods         getDate() getDay() getMonth() getFullYear() getHours() getMinutes... lastIndexOf(findString, pos) Substring(start, end) toLowerCase(), toUpperCase Web Page Programming with HTML,DHTML & JavaScript/ Session 8/ 17 of 16 Math Object  The Math object has properties and methods that represent advanced mathematical calculations function doCalc(x) var a; a = Math.PI * x alert( "The area with a radius of " a); } { * x; of a circle + x + “ is " + Web Page Programming with HTML,DHTML & JavaScript/ Session...  One Shot Timer   setTimeout( javaScript code”, delay) Timer that Fires at Regular Intervals   setInterval( javaScript code”, interval) clearInterval(handler) Web Page Programming with HTML,DHTML & JavaScript/ Session 8/ 24 of 16

Ngày đăng: 30/11/2016, 22:10

Từ khóa liên quan

Mục lục

  • The Core language Objects in JavaScript

  • A Recap

  • Slide 3

  • Objectives

  • Objects

  • Properties and Methods

  • Example

  • Using objects

  • Object Hierarchy

  • The this statement

  • The for . . . in statement

  • The with statement

  • New Operator

  • Eval function

  • String object

  • Creating String object

  • String Object

  • Math Object

  • Slide 19

  • Date object

  • Slide 21

  • Date Object

  • Array Object

  • Timers

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan