Javascript | Khả niym bn wĕbsịt̒

หน้านี้อธิบายรายละเอียดเกี่ยวกับสิ่งที่คุณต้องการรู้

| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |
0 ครั้งที่เห็น

Javascript | Khả niym bn wĕbsịt̒

เผยแพร่เมื่อ : 15 กันยายน 2020

ในช่วงแรก ๆ ที่ฉันเพิ่งเริ่มทำความรู้จักกับเว็บไซต์และพยายามเรียนรู้การสร้างเว็บไซต์ฉันพบว่าโค้ดจาวาสคริปต์นี้น่าขนลุก เกิดขึ้นกับฉันว่าฉันควรอยู่ห่างจากรหัสนี้ให้มากที่สุด Javascript ในตอนนั้นดูเหมือนสูตรที่เต็มไปด้วยสัญลักษณ์แปลก ๆ จากต่างประเทศ

เมื่อเวลาผ่านไปปรากฎว่ารหัสนี้สามารถมีบทบาทสำคัญในความสวยงามของเว็บไซต์เช่นการให้เอฟเฟกต์ภาพเคลื่อนไหวลำดับการจัดเรียงการตั้งค่าการแจ้งเตือนและอื่น ๆ

ถ้าตอนนั้นคุณเป็นเหมือนฉันกลัวที่จะเรียนรู้ แต่ไม่รู้จะเริ่มจากตรงไหน บทความนี้จะพาคุณไปทำความคุ้นเคยกับจาวาสคริปต์และช่วยให้คุณพบกำลังใจและความกระตือรือร้นในการทำความรู้จักกับโค้ดจาวาสคริปต์นี้ในเชิงลึกมากขึ้น แม้ว่าจะไม่มาก แต่ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ เราจะเริ่มต้นด้วยคำศัพท์ที่ใช้บ่อยที่สุดในจาวาสคริปต์

จริงๆแล้วคำศัพท์ในจาวาสคริปต์มีหลายประเภท แต่เราจะมุ่งเน้นไปที่การสร้างจาวาสคริปต์ที่ชื่นชอบในหน้านี้ ดังนั้นหลังจากที่คุณอ่านบทความนี้แล้วขอแนะนำอย่างยิ่งให้มองหาแหล่งข้อมูลอื่น ๆ เพื่อเพิ่มพูนความรู้เกี่ยวกับจาวาสคริปต์ของคุณ

Var

Var เป็นวิธีที่ใช้กันทั่วไปในการสร้างตัวแปรใน JavaScript คำสั่ง var ประกาศตัวแปร ตัวแปรคือภาชนะสำหรับเก็บข้อมูล การสร้างตัวแปรใน JavaScript เรียกว่า "การประกาศ" ตัวแปร:

  • var myCat = "puppus";

String

String JavaScript บันทึกชุดอักขระเช่น "John Doe" สตริงคือข้อความ โดยจะแสดงด้วยข้อความรอบข้างด้วยเครื่องหมายคำพูดเดี่ยวหรือคู่ ตัวอย่าง:

  • "string of text"
    'string of text'
    //
    string1 + string2
    //
    'some' + 'text'; // returns 'sometext'
    const first = 'my';
    const second = 'string';
    const union = first + second; // union variable is the string 'mystring'

Array

Array เป็นวัตถุที่เก็บค่าหลายค่าในตัวแปรเดียว:

  • var cars = ["Saab", "Volvo", "BMW"];
    //
    var primes = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37];
    primes[0]; // 2
    primes[3]; // 7
    primes[150]; // undefined
    //
    var arr = ["js", 2, true];
    arr[0]; // "js"
    arr[1]; // 2
    arr[2]; // true

Array สามารถทำได้ 3 วิธี;

  • 1. Literal
    const arrayName = [element0, element1, ..., elementN]
    const primes = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37];
  • 2. Multi-Dimensi
    // Two dimensions, 3x3
    const multidimensionalArray = [[1,2,3],[4,5,6],[7,8,9]]
  • 3. Constructor
    const stuff = new Array();

    stuff[0] = 34;
    stuff[4] = 20;

    stuff;
    // [34, undefined, undefined, undefined, 20]

    const myArray = new Array(45 , 'Hello World!' , true , 3.2 , undefined);
    console.log(myArray);

    // output: [ 45, 'Hello World!', true, 3.2, undefined ]

Function

Fungsi JavaScript เป็นชุดรหัสที่ออกแบบมาเพื่อทำงานเฉพาะ สิ่งนี้ช่วยให้เรากำหนดฟังก์ชันของเราเองใน JavaScript สามารถทำงานหรือคำนวณเกรด มันเหมือนกับข้อมูลโค้ดที่ใช้ซ้ำได้ ลองนึกภาพว่ามี 20 ลูปแล้วมีฟังก์ชั่นเดียวที่จะจัดการทั้งหมด ในการใช้ฟังก์ชันคุณต้องกำหนดไว้ที่ใดที่หนึ่งในขอบเขตที่คุณต้องการเรียกใช้ นิยามฟังก์ชัน (เรียกอีกอย่างว่าการประกาศฟังก์ชัน) ประกอบด้วยคีย์เวิร์ดของฟังก์ชันตามด้วยชื่อฟังก์ชันรายการอาร์กิวเมนต์ของฟังก์ชันอยู่ในวงเล็บและคั่นด้วยเครื่องหมายจุลภาคคำสั่ง JavaScript ที่กำหนดฟังก์ชันโดยอยู่ในวงเล็บปีกกา {}

  • function myFunction(p1, p2) {
    return p1 * p2; // The function returns the product of p1 and p2
    }

Comments

ข้อคิดเห็นในจาวาสคริปต์ใช้เพื่อปรับปรุงการอ่านโค้ด ความคิดเห็นนี้ไม่ได้ดำเนินการ มีฟังก์ชั่นของตัวเองเป็นบันทึกคำแนะนำคำเตือน ฯลฯ สิ่งนี้สามารถอธิบายได้ราวกับว่าคุณเขียนโค้ด 100 บรรทัดแล้วลืมฟังก์ชันของโค้ดจาวาสคริปต์แต่ละบรรทัดที่คุณเขียนไว้ก่อนหน้านี้ความคิดเห็นนี้จะช่วยเตือนคุณ

  • console.log('This code will be run');
    // console.log('Because this line is in a comment, this code will not be run.')
    // This is a single line comment.

Console

รหัสคอนโซลนี้ใช้สำหรับการดีบักซึ่งจะพิมพ์ข้อความไปยังคอนโซล ตัวอย่างเช่นคุณต้องการแสดงข้อความ "ฉันกำลังดีบัก" จากนั้นเปิดคอนโซลเบราว์เซอร์ด้วยองค์ประกอบการตรวจสอบและคุณจะเห็นข้อความในแท็บองค์ประกอบการตรวจสอบคอนโซล

  • const name = 'I'm debugging';
    console.log(name);

If

if code ใน javascript จะระบุว่าหากเงื่อนไขนี้เป็นจริงให้ทำสิ่งนี้หรือทำอย่างอื่นหรือไม่ทำอะไรเลย ต้องใช้หลายรูปแบบ ตัวอย่าง:

  • if (animal == 'dog') {
    console.log('Bark, bark!');
    } else {
    console.log('Meow!');
    }

โค้ดด้านบนอ่านดังนี้: "หากพบสุนัขให้พูด / เขียนบนคอนโซล Bark เห่า! หรือถ้าไม่มีให้พูด / เขียนบนคอนโซล Meow!"

== VS ===

ในจาวาสคริปต์คุณมักจะเห็นเครื่องหมายเท่ากับเขียนคู่กันสองครั้ง (==) ซึ่งระบุว่าทำการตรวจสอบค่าเท่านั้น (ไม่มีการตรวจสอบประเภท)

ในขณะที่ถ้าคุณเจอเครื่องหมายเท่ากับซึ่งเขียนติดกันสองครั้ง (===) แสดงว่าทำการตรวจสอบค่าและตรวจสอบประเภท

  • '1' == 1 // true (same value)
    '1' === 1 // false (not the same type)

    true == 1 // true (because 1 evaluates as truthy, though it's not the same type)
    true === 1 // false (not the same type)

Loops

การวนรอบแม่น้ำเป็นการวนซ้ำ มันจะดำเนินการวนซ้ำหรือการกระทำเดียวกันหลาย ๆ ครั้งในบรรทัด

  • var i;
    for (i = 0; i text += cars[i] + "<br>";
    }

Kode di atas akan melakukan perulangan untuk ini:

  • text += cars[0] + "<br>" ;
    text += cars[1] + "<br>" ;
    text += cars[2] + "<br>" ;
    text += cars[3] + "<br>" ;
    text += cars[4] + "<br>" ;
    text += cars[5] + "<br>" ;

Objek

ออบเจ็กต์แสดงถึงองค์ประกอบ <object> ใน HTML ออบเจ็กต์เป็นโครงสร้างข้อมูลพื้นฐานใน JavaScript ออบเจ็กต์มีคุณสมบัติหรือที่เรียกว่าคีย์ที่กำหนดค่า

Apa yang dapat Anda lakukan dengan fungsi object ini?

  • 1. เข้าถึงองค์ประกอบ <object> โดยใช้ "getElementById ()";
  • 2. สร้าง <object> องค์ประกอบ โดยใช้วิธีการ "document.createElement ()";
  • // pakai getElementById ()
    var x = document.getElementById("myObject");

    // pakai document.createElement ()
    var x = document.createElement("myObject");

    // atau mendeskripsikan properti, such as:
    var obj = {
    name: 'Bob',
    married: true,
    'mother\'s name': 'Alice',
    'year of birth': 1987,
    getAge: function () {
    return 2012 - obj['year of birth'];
    },
    1: 'one'
    };

นี่คือคำศัพท์บางส่วนที่ฉันสามารถนำเสนอในหน้านี้ หากต้องการเจาะลึกลงไปในจาวาสคริปต์คุณสามารถใช้การอ้างอิงภายนอกฟรีซึ่งฉันใช้เป็นข้อมูลอ้างอิงในการสร้างเพจนี้:

Tags:

แสดงความคิดเห็น