JavaScript Introduce : สอน method และ property ของ Introduce, เรียน method และ property ของ Introduce
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • รูปแบบการเขียน javascript รูปแบบการเขียน javascript มี 2 แบบ ได้แก่ Embedded และ External File
    รูปแบบการเขียน javascript แบบ Embedded เป็นการแทรก tag script ไว้ภายใน เอกสาร html
    รูปแบบการเขียน javascript แบบ External File เป็นการเขียนไฟล์ js ไว้ แล้วให้เอกสาร html เรียกใช้
    ชนิดข้อมูลของตัวแปร javascript ชนิดข้อมูลของตัวแปร javascript แบ่งออกเป็น 2 กลุ่ม ได้แก่ primitive และ reference
    การประกาศตัวแปรของ javascript เป็นการประกาศตัวแปรของ javascript
    คำสั่งที่ใช้ในการตรวจสอบชนิดตัวแปรของ javascript คือ typeof ชื่อตัวแปร;
    ตัวดำเนินการทางคณิตศาสตร์ ได้แก่ การบวก ลบ คูณ หาร และการหาเศษที่เหลือจากการหาร
    ตัวดำเนินการการกำหนดค่า ได้แก่ เท่ากับ, บวกและเท่ากับ, ลบและเท่ากัีบ เป็นต้น
    ตัวดำเนินการเพิ่มค่าหรือลดค่า ได้แก่ ++ตัวแปร, ตัวแปร++, --ตัวแปร, ตัวแปร--
    ตัวดำเนินการเชิงเปรียบเทียบ ได้แก่ เท่ากับ, ไม่เท่ากับ, มากกว่า, น้อยกว่า, เท่ากันทุกประการ เป็นต้น
    ตัวดำเนินการเชิงตรรกะ ได้แก่ and, or, not
    ตัวดำเนินการเชิงข้อความ ได้แก่ บวก
    คำสั่งควบคุมการทำงาน ได้แก่ IF, IF ELSE, IF ELSE IF, SWITCH CASE, WITH เป็นต้น
    คำสั่งควบคุมการทำงาน IF คำสั่ง if คือ ใช้ตรวจสอบเงื่อนไข ถ้าหากว่าเงื่อนไขเป็นจริง ก็จะทำตามคำสั่งที่กำหนด
    คำสั่งควบคุมการทำงาน IF ELSE คำสั่ง if คือ ใช้ตรวจสอบเงื่อนไข ถ้าหากว่าเงื่อนไขเป็นจริง ก็จะทำตามคำสั่งที่กำหนด ถ้าไม่ตรงตามเงื่อนไขจะไปทำงานที่ else
    คำสั่งควบคุมการทำงาน IF ELSE IF คำสั่ง if คือ ใช้ตรวจสอบเงื่อนไข ถ้าหากว่าเงื่อนไขเป็นจริง ก็จะทำตามคำสั่งที่กำหนด ถ้าไม่ตรงตามเงื่อนไขจะไปทำงานที่ else
    คำสั่งควบคุมการทำงาน NESTED IF เป็นการใช้ คำสั่ง if ซ้อน if ไปเรื่อยๆ
    คำสั่งควบคุมการทำงาน SWITCH CASE คำสั่ง switch case คือ จะตรวจสอบค่าของตัวแปร ถ้าตรงตามเงื่อนไขใดก็จะทำตามคำสั่งนั้นๆ จนกว่าจะเจอ คำสั่ง break
    คำสั่งควบคุมการทำงาน EXPRESSION คำสั่ง expression คือ ใช้กำหนดคำสั่งแบบมีเงื่อนไข
    คำสั่งควบคุมการทำงาน FOR คำสั่ง for คือ จะทำงานเมื่อเงื่อนไขเป็นจริง และจะจบการทำงานเมื่อเงื่อนไขเป็นเท็จ โดยแต่ละรอบของการวนลูป จะมีการเพิ่มค่าตามที่กำหนด
    คำสั่งควบคุมการทำงาน WHILE คำสั่ง while คือ จะทำงานเมื่อเงื่อนไขเป็นจริง และจะจบการทำงานเมื่อเงื่อนไขเป็นเท็จ
    คำสั่งควบคุมการทำงาน DO WHILE คำสั่ง do while คือ จะทำงานก่อน 1 ครั้ง แล้วหลังจากนั้นจะทำงานก็ต่อเมื่อเงื่อนไขยังเป็นจริงอยู่ และจะจบการทำงานเมื่อเงื่อนไขเป็นเท็จ
    คำสั่ง break และ continue ของประโยควนซ้ำ ใช้หยุดการทำงานของการวนลูป
    คำสั่งควบคุมการทำงาน FOR IN คำสั่ง for in คือ ใช้ในการวนลูปเพื่อแสดงคุณสมบัติของ object
    คำสั่งควบคุมการทำงาน WITH คำสั่ง with คือ เพื่อที่จะระบุ object เพียงครั้งเดียว แล้วเรียกใช้ property หรือ method ต่างของ object นั้นๆ ได้เลย
  • subject :
    รูปแบบการเขียน javascript 

    content :
    รูปแบบการเขียน javascript มี 2 แบบ ได้แก่
    -> Embedded เป็นการแทรกสคริปต์ไว้ใน tag head หรือ tag body
    -> External File เป็นการเขียนโค้ด javascript แยกออกจากไฟล์ html

  • subject :
    รูปแบบการเขียน javascript แบบ Embedded

    syntax :
    <script language="JavaScript">
         คำสั่งต่างๆ;
    </script>

    content :
    ถ้าแทรก tag script ไว้ภายใน tag head จะทำงานเร็วกว่าแทรกไว้ภายใน tag body
    เพราะว่าคำสั่งต่างๆที่อยู่ใน tag head จะถูกโหลดไว้ในหน่วยความจำ และพร้อมทำงานตลอดเวลา
    แต่ถ้าอยู่ใน tag body จะถูกโหลดเมื่อมีการเรียกใช้เท่านั้น

  • subject :
    รูปแบบการเขียน javascript แบบ External File

    syntax :
    <script language="JavaScript" src="ชื่อไฟล์.js"></script>

    content :
    จะทำให้สามารถเรียกใช้ไฟล์ javascript นั้นได้จากหลายๆ html ไฟล์

  • subject :
    ชนิดข้อมูลของตัวแปร javascript

    content :
    ชนิดข้อมูลของตัวแปร javascript แบ่งออกเป็น 2 กลุ่ม
    -> กลุ่ม Primitive ได้แก่ boolean, number, string, null, undefined
    -> กลุ่ม Reference ได้แก่ object class, boolean class, number class, string class

  • subject :
    การประกาศตัวแปรของ javascript

    syntax :
    var ชื่อตัวแปร;
    var ชื่อตัวแปร = ค่าข้อมูล;
    var ชื่อตัวแปร1, ชื่อตัวแปร2, ..., ชื่อตัวแปรn;

    content :
    เป็นการประกาศตัวแปรของ javascript

    example :
    var num;
    var count = 10;
    var str1, str2, str3;

    comment :
    เนื่องจาก javascript ไม่ได้เข้มงวดในเรื่องชนิดข้อมูลเหมือนกับภาษาอื่นๆ
    ดังนั้นการกำหนดค่าให้กับตัวแปรสามารถกำหนดให้เป็นชนิดไหนก็ได้ และสลับไปมาก็ได้

  • subject :
    คำสั่งที่ใช้ในการตรวจสอบชนิดตัวแปรของ javascript

    syntax :
    typeof ชื่อตัวแปร;

    example :
    alert ( typeof "bamboolabcode" );

  • subject :
    ตัวดำเนินการทางคณิตศาสตร์

    content :
    ตัวดำเนินการทางคณิตศาสตร์ ที่ใช้ใน JavaScript ได้แก่
    + ( บวก )
    - ( ลบ )
    * ( คูณ )
    / ( หาร )
    % ( หาร เอาค่า เศษ )

  • subject :
    ตัวดำเนินการการกำหนดค่า

    content :
    ตัวดำเนินการการกำหนดค่า ที่ใช้ใน JavaScript ได้แก่
    = ( เช่น num = 5 มีค่า num = 5 )
    += ( เช่น num += 5 มีค่า num = num + 5 )
    -= ( เช่น num -= 5 มีค่า num = num - 5 )
    *= ( เช่น num *= 5 มีค่า num = num * 5 )
    /= ( เช่น num /= 5 มีค่า num = num / 5 )
    %= ( เช่น num %= 5 มีค่า num = num % 5 )

  • subject :
    ตัวดำเนินการเพิ่มค่าหรือลดค่า

    content :
    ตัวดำเนินการเพิ่มค่าหรือลดค่า ที่ใช้ใน JavaScript ได้แก่
    ++ตัวแปร คือ การเพิ่มค่าตัวแปรขึ้น 1 ก่อน แล้วจึงค่อยคืนค่า
    ตัวแปร++ คือ คืนค่าตัวแปรก่อน แล้วจึงค่อยเพิ่มค่าตัวแปรขึ้น 1
    --ตัวแปร คือ การลดค่าตัวแปรลง 1 ก่อน แล้วจึงค่อยคืนค่า
    ตัวแปร-- คือ คืนค่าตัวแปรก่อน แล้วจึงค่อยลดค่าตัวแปรลง 1

  • subject :
    ตัวดำเนินการเชิงเปรียบเทียบ

    content :
    ตัวดำเนินการเชิงเปรียบเทียบ ที่ใช้ใน JavaScript ได้แก่
    == ( เท่ากับ )
    != ( ไม่เท่ากับ )
    > ( มากกว่า )
    >= ( มากกว่าหรือเท่ากับ )
    < ( น้อยกว่า )
    <= ( น้อยกว่าหรือเท่ากับ )
    === ( เท่ากันทุกประการ ทั้งค่าและชนิด )
    !== ( ไม่เท่ากันทุกประการ ทั้งค่าและชนิด )

  • subject :
    ตัวดำเนินการเชิงตรรกะ

    content :
    ตัวดำเนินการเชิงตรรกะ ที่ใช้ใน JavaScript ได้แก่
    && ( and )
    || ( or )
    ! ( not )

  • subject :
    ตัวดำเนินการเชิงข้อความ 

    content :
    ตัวดำเนินการเชิงข้อความ ที่ใช้ใน JavaScript ได้แก่
    + ( บวก ใช้เชื่อมข้อความเข้าด้วยกัน )

  • subject :
    คำสั่งควบคุมการทำงาน

    content :
    คำสั่งควบคุมการทำงาน ที่ใช้ใน JavaScript ได้แก่ 
    IF 
    IF ELSE
    IF ELSE IF
    NERSTED IF
    SWITCH CASE
    EXPRESSION
    FOR 
    WHILE
    DO WHILE
    FOR IN
    WITH

  • subject :
    คำสั่งควบคุมการทำงาน IF

    content :
    คำสั่ง if คือ ใช้ตรวจสอบเงื่อนไข ถ้าหากว่าเงื่อนไขเป็นจริง ก็จะทำตามคำสั่งที่กำหนด

    syntax :
    if ( condition )
    {
         structure;
    }

    example :
    var num = 100;
    if ( num > 100 )
    {
         alert ( "many" );
    }

  • subject :
    คำสั่งควบคุมการทำงาน IF ELSE

    content :
    คำสั่ง if คือ ใช้ตรวจสอบเงื่อนไข ถ้าหากว่าเงื่อนไขเป็นจริง ก็จะทำตามคำสั่งที่กำหนด
    ส่วน else จะหมายถึง ถ้าไม่ตรงตามเงื่อนไขใดๆ ให้ทำตามคำสั่งที่กำหนดใน else

    syntax :
    if ( condition )
    {
         structure;
    }
    else
    {
         structure;
    }

    example :
    var num = 100;
    if ( num > 100 )
    {
         alert ( "many" );
    }
    else
    {
         alert ( "little" );
    }

  • subject :
    คำสั่งควบคุมการทำงาน IF ELSE IF

    content :
    คำสั่ง if คือ ใช้ตรวจสอบเงื่อนไข ถ้าหากว่าเงื่อนไขเป็นจริง ก็จะทำตามคำสั่งที่กำหนด
    ส่วน else จะหมายถึง ถ้าไม่ตรงตามเงื่อนไขใดๆ ให้ทำตามคำสั่งที่กำหนดใน else

    syntax :
    if ( condition )
    {
         structure;
    }
    else if ( condition )
    {
         structure;
    }
    else
    {
         structure;
    }

    example :
    var num = 100;
    if ( num > 100 )
    {
         alert ( "many" );
    }
    else if ( num > 50 )
    {
         alert ( "middle" );
    }
    else
    {
         alert ( "little" );
    }

  • subject :
    คำสั่งควบคุมการทำงาน NESTED IF

    content :
    คำสั่ง if คือ ใช้ตรวจสอบเงื่อนไข ถ้าหากว่าเงื่อนไขเป็นจริง ก็จะทำตามคำสั่งที่กำหนด
    ส่วน else จะหมายถึง ถ้าไม่ตรงตามเงื่อนไขใดๆ ให้ทำตามคำสั่งที่กำหนดใน else

    syntax :
    if ( condition )
    {
         if ( condition )
         {
              structure;
         }
    }

    example :
    var num = 100;
    if ( num > 100 )
    {
         alert ( "many" );
         if ( num > 50 )
         {
              alert ( "middle" );
         }
    }

  • subject :
    คำสั่งควบคุมการทำงาน SWITCH CASE

    content :
    คำสั่ง switch case คือ จะตรวจสอบค่าของตัวแปร ถ้าตรงตามเงื่อนไขใดก็จะทำตามคำสั่งนั้นๆ
    จนกว่าจะเจอ คำสั่ง break

    syntax :
    switch ( variable )
    {
         case value_1
              :     structure;
                    break;
         case value_2
              :     structure;
                    break;
         default
              :     structure;
                    break;
    }

    example :
    var num = 100;
    switch ( num )
    {
         case 100
              :     alert ( "many" );
                    break;
         case 50
              :     alert ( "middle" );
                    break;
         default
              :     alert ( "little" );
                    break;
    }

  • subject :
    คำสั่งควบคุมการทำงาน EXPRESSION

    content :
    คำสั่ง expression คือ ใช้กำหนดคำสั่งแบบมีเงื่อนไข

    syntax :
    variable = condition ? value_when_true : value_when_false ;

    example :
    var num = 100;
    var str = ( num == 100 ) ? "many" : "little" ;

  • subject :
    คำสั่งควบคุมการทำงาน FOR

    content :
    คำสั่ง for คือ จะทำงานเมื่อเงื่อนไขเป็นจริง และจะจบการทำงานเมื่อเงื่อนไขเป็นเท็จ โดยแต่ละรอบของการวนลูป
    จะมีการเพิ่มค่าตามที่กำหนด

    syntax :
    for ( ค่าเริ่มต้น; เงื่อนไข; การเพิ่มค่า )
    {
         structure;
    }

    example :
    for ( var i=0; i<100; i++ )
    {
         alert ( "" + i );
    }

  • subject :
    คำสั่งควบคุมการทำงาน WHILE

    content :
    คำสั่ง while คือ จะทำงานเมื่อเงื่อนไขเป็นจริง และจะจบการทำงานเมื่อเงื่อนไขเป็นเท็จ

    syntax :
    while ( เงื่อนไข )
    {
         structure;
    }

    example :
    var num = 10;
    while ( num > 0 )
    {
         alert ( num );
         num--;
    }

  • subject :
    คำสั่งควบคุมการทำงาน DO WHILE

    content :
    คำสั่ง do while คือ จะทำงานก่อน 1 ครั้ง แล้วหลังจากนั้นจะทำงานก็ต่อเมื่อเงื่อนไขยังเป็นจริงอยู่ 
    และจะจบการทำงานเมื่อเงื่อนไขเป็นเท็จ

    syntax :
    do
    {
         structure;
    } 
    while ( เงื่อนไข );

    example :
    var num = 10;
    do
    {
         alert ( num );
         num--;
    }
    while ( num > 10 );

  • subject :
    คำสั่ง break และ continue ของประโยควนซ้ำ

    content :
    break; เพื่อหยุดและออกจากการทำงานวนลูป
    continue; เพื่อหยุดการทำงานวนลูปรอบปัจจุบัน และไปทำงานในรอบต่อไป

  • subject :
    คำสั่งควบคุมการทำงาน FOR IN

    content :
    คำสั่ง for in คือ ใช้ในการวนลูปเพื่อแสดงคุณสมบัติของ object

    syntax :
    for ( variable IN object )
    {
         structure;
    }

    example :
    for ( prop in window )
    {
         alert ( "Property " + prop + " : " + window[prop] );
    }

  • subject :
    คำสั่งควบคุมการทำงาน WITH

    content :
    คำสั่ง with คือ เพื่อที่จะระบุ object เพียงครั้งเดียว แล้วเรียกใช้ property หรือ method 
    ต่างของ object นั้นๆ ได้เลย ( สามารถช่วยลดเวลาการทำงานของโปรแกรมได้ )

    syntax :
    with ( object )
    {
         property;
         method;
    }

    example :
    with ( Math )
    {
         alert ( E );
         alert ( PI );
    }

 
Share This Chapter Login with Facebook