CREATING YOUR OWN JAVASCRIPT OBJECT USED FOR WRITING PROGRAMS.

CREATING YOUR OWN OBJECTS USED FOR WRITING  JAVASCRIPT PROGRAMS

Muốn viết một javascript program có nhiều đề mục riêng biệt và trong mỗi đề mục chúng ta tha hồ̉ muốn viết gì tuỳ ý thì chúng ta phải biết cách tự tạo ra nhiều objects.

Mỗi object là một đề mụ̣c có tên giống nhau nhưng có nội dung khác nhau hoặc mỗi object có tên khác nhau với nội dung khác nhau.

Trong trường hợp nầy, chúng ta phải xử dụng  constructor function.

Constructor function có nhiệm vụ vừa tạo ra những objects vưà thi hành những nhiệm vụ khác cùng một lúc.

Điều kiện để cho một regular function tự động trở thành constructor function là trong function phải có chữ this (keyword this) .

Chữ this sẽ cột buộc( bound to ) với new object mà chúng ta sẽ tạo ra  

Sau khi tạo xong những new objects, chúng ta có thể dùng một javaScript function khác để display những values của new object mà chúng ta muốn xuất hịên sau cùng

Thí du.

Chúng ta muốn viết một javaScript program giới thiệu Blogger VQGĐC gồm có 6 đề mục mục thì chúng ta phải tự tạo ra 6 objects như sau.

* Viết function createobject() để declare object.

* Dùng chữ this cho mỗi object . Nếu muốn có nhiều objects thì dùng chữ this nhiều lần tuỳ ý. Khi viết chữ this trong function thì function createobject() tự động trở thành constructor function. 

Khi đã có constructor function rồi, chúng ta tha hồ tạo ra những new object bằng cách viết như sau.  

            var  myobject = new createobject().

            var  obj = new createobject().

            var  xaoke = new createobject().

 myobject, obj,  xaoke  là  những new objects chúng ta tư tạo ra.

* Phải dùng chữ  new để instantiate object function tức là dành chỗ trong memory cho object function. ( We allocate a memory space for object function with the new operator or new keyword.)

Dùng dấu chấm dot để cho properties hay method tiếp cận với new object đã tạo.

Thí dụ  : myobject.first, myobject.second

Tóm tắt thêm như sau.

Khi trong function  có chữ this, thì function đó tự động trở thành constructor function.

Muốn call hay invoke constructor function thì viết chữ new trước tên của function .

Chữ new tạo ra một blank object.Object nầy invokes the function để function  chuyển (passing) blank object tới chữ this.

Chữ new nói với chữ this hướng về object đã được dành chỗ trong memory(The keyword new tells this to point to the object that's being instantiated).

Khi constructor function executes thì có new object.

Chữ new còn có thêm nhiệm vụ là dành chỗ trong memory cho new object

Đây là sự xuất hiện của một JavaScript Program giới thiệu VQGĐC/VNCH.
                              Xem JavaScript Program code phía trên.

WELCOME TO : VIỆN QUỐC GIA ĐỊNH CHUẨN/VNCH
THÂN CHÀO QUY BẠN
BLOGGER NẦY TÀN TRỬ TÀI LIỆU LỊCH SỮ CỦA VQGĐC, KINH NGHIỆM NGHỀ CHUYÊN MÔN KHOA HỌC KỸ THUẬT, GHI CHÉP KINH NGHIỆM TU HỌC PHẬT VÀ THIÊN CHÚA
CẦU CHÚC QUÝ BẠN LUÔN LUÔN THĂNG TIẾN

CLICK HERE TO OPEN BLOGGER
TÌM HIỂU SÂU VỀ CHỮ THIS (Keyword this)
* Chữ this viết trong function A hay trong một method luôn luôn ám chỉ (refers to) cho một object và nắm giử value của object đó mặc dầu chúng ta chưa biết tên của object.Object nầy sẽ  kích động hay call ( will invoke or call) function A.
* Nếu chữ this viết ngoài function A thì  chữ this nắm giử undefined value, không ám chỉ tới object nào hết.

*Chúng ta xử dụng chữ this để tiếp cận (access to) với properties và methods của object.Nghĩa la chữ this làm đại diện cho invoking object của function A và chỉ có value nếu đứng trước tên của function A có chữ new gọi  là new operator. Nếu thiếu chữ new thì chữ this không hướng về object nữa nên không có object để invoke function A.

* Khi function A kićh động ( executes) thì  function A  sẽ lấy value của chữ this.Value của chữ this là value của object kich động function A có chứa chữ this.

* Khi dùng chữ this  trong function thì chúng ta nên biết ngay chữ this đại diên cho object.Thí dụ. Bé TUẤN CHAY QUÁ MAU VÌ NÓ SƠ TRỂ XE BUS. Tuấn là object, NÓ là chữ this .Vì không muốn lặp lại chữ TUẤN một lần nữa nên thay thế bằng chữ this.

JAVASCRIPT PROGRAMS TỒN TRỬ DATA TRONG XÍ NGHIỆP NHỎ

 JAVASCRIPT PROGRAMS TỒN TRỬ  DATA TRONG XÍ NGHIỆP NHỎ

               DÙNG  PROMPT( ) ,SWITCH( ), BREAK 

 Copy and paste vào script tags                 

// TỒN TRỬ DATA CỦA CÔNG NHÂN

                       

var name = prompt("Write the name you look for.");

    switch (name){

    case "jeff": alert("JEFF, 25$, Designer");// Phải có chữ case

        break;

    case "paul" :alert("PAUL , 20$, Electrician");

        break;

    case "bob" :alert("BOB , 21$, Photographer");

        break;

    case "charle" :alert("CHARLE , 18$,Controller");

        break;

    case "quan" :alert("QUAN , 19$,Clerk");

        break;

    case "jose" :alert("JOSE , 18$,Telephonist");

        break;

    default : alert ("Another file");

 }

// TỒN TRỬ T-SHIRTS

 

var size = prompt("VIẾT THEO UPPER CASE VÀO ĐÂY SIZE MUỐN TÌM ");

    switch (size){

    case "SMALL": alert("KÊ SỐ 10");// Phải có chữ case

        break;

    case "Medium" :alert("KỆ SỐ 12");

        break;

    case "LARGE" :alert("KỆ SỐ 14");

        break;

    case "X-LARGE" :alert("KỆ SỐ 16");

        break;

    case "XX-LARGE" :alert("KỆ SỐ 18");

    default : alert ("Another file");

 }

// TỒN TRỬ MÀU MỰC IN  VẢI SỢI.

var color = prompt("Write the color name you want.");

    switch (color){

    case "red": alert("248,1,A");// Phải có chữ case

        break;

    case "blue" :alert("293,2,A");

        break;

    case "brown" :alert("695,11,C");

        break;

    case "yellow" :alert("393,13,F");

        break;

    case "purple" :alert("2395,10,G");

        break;

    case "green" :alert("3245,12,A");

        break;

    default : alert ("Another file");

 }

CLASSICAL LOOP AND “1.5 FOR-EACH LOOP” IN JAVA

CLASSICAL LOOP AND “1.5 FOR-EACH LOOP” IN JAVA

XỬ DỤNG CLASSICAL LOOP AND “1.5 FOR-EACH LOOP ” IN JAVA

* Với classical loop ,chúng ta phải viết counter index i=0  , set terminating condition và index increment i ++ or decrement .

* Với 1.5 for-each loop, chúng ta viết rất đơn giản, dễ nhớ và có thể dùng để loop over các functions, các arrays để lấy return nếu muốn và để loop over những iterable collections như arrayList.“1.5 for-each loop” còn được gọi là “Enhanced for loop”. 

                                --------------

1- Xử dụng “1.5 For-Each Loop” còn được gọi “Enhanced for loop”

 Thí dụ 1.

    class Rextester {

    static String[] display(){   

    String [] array =  new String[5];

           array [0]= " HENRY-101 " ;

           array [1] = " PANO-202 " ;

           array [2]=  " JUAN-303 " ;

           array [3]=  " TIM-404 " ;    

           array [4]=  " MARTHA-505 " ;        

                return array; }

public static void main(String[] args) {     

for (String str : display()) {   // 1.5 for-each loop over the function

      System.out.println(str); }

}}

OUTPUT.

 Compilation time: 0.72 sec, absolute running time: 0.13 sec,

cpu time: 0.06 sec, memory peak: 28 Mb, absolute service time: 0.86 sec

 HENRY-101

 PANO-202

 JUAN-303

 TIM-404

 MARTHA-505

Thí dụ 2.

class Rextester {

public static void main(String args[]) {

  String[] array = {"XAO","KE","HENRY","JUAN"};

     for(String str : array){        // 1.5 for-each loop over an array

   System.out.println(str);}

   }}

OUTPUT.

Compilation time: 1.14 sec, absolute running time: 0.14 sec,

cpu time: 0.06 sec, memory peak: 28 Mb, absolute service time: 1.28 sec

XAO

KE

HENRY

JUAN

Thí dụ 3- ArrayList. Phải dùng function add().

class Rextester{  

public static void main(String args[]){

      System.out.println( " HENRY’S FARMER STORE IN SAN CLEMENTE\n "  );

        ArrayList loopList = new ArrayList( );

        loopList.add("1-MIT TỐ  NỮ : 80 Cents per lb");

        loopList.add("2-CHÔM CHÔM CAIBÈ : 50 Cents per lb");

        loopList.add("3-XOÀI TƯƠNG LONG XUYÊN : 60 Cents per lb");

         // using for-each loop of JDK1.5

        for(String element: loopList){ 

            System.out.println(element); }   

} }

OUTPUT.

Compilation time: 0.73 sec, absolute running time: 0.13 sec,

cpu time: 0.08 sec, memory peak: 30 Mb, absolute service time: 0.87 sec

 HENRY'S FARMER STORE IN SAN CLEMENTE

1-MIT TỐ  NỮ : 80 Cents per lb

2-CHÔM CHÔM CAIBÈ : 50 Cents per lb

3-XOÀI TƯƠNG LONG XUYÊN : 60 Cents per lb

2-Xử dụng Classical Loop còn được gọi Traditional loop.

Thí dụ 1

class Rextester {

    public static void main(String[] args) {

        String [] array =  new String[5];

           array [0]= " HENRY-101 " ;

           array [1] = " PANO-202 " ;

           array [2]=  " JUAN-303 " ;

           array [3]=  " TIM-404 " ;    

           array [4]=  " MARTHA-505 " ;        

      for (int i = 0; i < array.length; i++) {

         System.out.println(array[i]);}

}}

OUTPUT.

Compilation time: 0.82 sec, absolute running time: 0.14 sec, 

cpu time: 0.07 sec, memory peak: 28 Mb, absolute service time: 0.97 sec

 HENRY-101 

 PANO-202 

 JUAN-303 

 TIM-404 

 MARTHA-505

Thí dụ 2

class Rextester {

public static void main(String args[]) {

  String[] array = {"XAO","KE","HENRY","JUAN"};

     for(int i = 0; i<array.length ; i++){      // classical loop over

   System.out.println( array[i]);}

   }}

OUTPUT.

Compilation time: 0.73 sec, absolute running time: 0.13 sec, 

cpu time: 0.07 sec, memory peak: 28 Mb, absolute service time: 0.86 sec

XAO

KE

HENRY

JUAN

Nếu viết :  

   for(int i = 0; i<array.length ; i++){     

   System.out.println( array[2]);}

Sẽ có như sau.

Compilation time: 0.72 sec, absolute running time: 0.14 sec,

 cpu time: 0.06 sec, memory peak: 28 Mb, absolute service time: 0.87 sec

HENRY

HENRY

HENRY

HENRY

Thí dụ 3-ArrayList.

Với ArrayList ngoài function add(), phải dùng thêm function size() và function get() nếu xử dụng classical loop.

    class Rextester {

    public static void main(String[] args) {

   System.out.println( " HENRY’S FARMER STORE IN SAN CLEMENTE\n "  );

        ArrayList loopList1 = new ArrayList( );

        loopList1.add("4-CALIFORNIA PEARS : 35 Cents per lb");

        loopList1.add("5-JUICY APPLES : 45 Cents per lb");

        loopList1.add("6-MEXICO BANANA : 40 Cents per lb");

       

         // using classical loop with size method

        for(int i=0; i<loopList1.size(); i++){

            System.out.println(loopList1.get(i)); }

       }}

OUTPUT.

Compilation time: 0.83 sec, absolute running time: 0.13 sec,

 cpu time: 0.07 sec, memory peak: 28 Mb, absolute service time: 0.97 sec

 HENRY’S FARMER STORE IN SAN CLEMENTE

4-CALIFORNIA PEARS : 35 Cents per lb

5-JUICY APPLES : 45 Cents per lb

6-MEXICO BANANA : 40 Cents per lb

* MUỐN TÌM TÊN CỦA MỖI ELEMENT TRONG INDEX THÌ PHẢI XỬ DỤNG PHƯƠNG PHÁP CLASSICAL LOOP .

THÍ DỤ TÌM TÊN “JUAN-303” NHƯ SAU.

class Rextester {

    public static void main(String[] args) {

        String [] array =  new String[5];

           array [0]= " HENRY-101 " ;

           array [1] = " PANO-202 " ;

           array [2]=  " JUAN-303 " ;

           array [3]=  " TIM-404 " ;    

           array [4]=  " MARTHA-505 " ;        

             String search = " JUAN-303 ";

             int i ; 

             for (i = 0; i < array.length; i++) {

             if (array[i] == search) {

                break;}}

           System.out.println(" Location of " +" "+ search +" "+" is at index "+" "+i);

}}

OUTPUT.

Compilation time: 1.03 sec, absolute running time: 0.14 sec,

cpu time: 0.08 sec, memory peak: 28 Mb, absolute service time: 1.19 sec

Location of  JUAN-303  is at index 2