ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

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

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

JavaScriptอ้างอิงประกอบการ


ผู้ประกอบการ JavaScript จะใช้ในการกำหนดค่าการเปรียบเทียบค่าดำเนินการทางคณิตศาสตร์และอื่น ๆ


ผู้ประกอบการ JavaScript เลขคณิต

ดำเนินการทางคณิตศาสตร์ที่ใช้ในการดำเนินการทางคณิตศาสตร์ระหว่างตัวแปรและ / หรือค่า

ระบุว่า y = 5 , ตารางด้านล่างอธิบายดำเนินการทางคณิตศาสตร์:

ผู้ประกอบการ ลักษณะ ตัวอย่าง ผลในปี ส่งผลให้ x ลองมัน
+ การเพิ่ม x y = + 2 การ y = 5 x = 7 ลองมัน "
- การลบ x y = - 2 การ y = 5 x = 3 ลองมัน "
* * * * การคูณ x y = * 2 การ y = 5 x = 10 ลองมัน "
/ แผนก x y = / 2 การ y = 5 x = 2.5 ลองมัน "
% โมดูลัส (division remainder) x y = 2% การ y = 5 x = 1 ลองมัน "
++ การเพิ่มขึ้น x = ++ Y การ y = 6 x = 6 ลองมัน "
x y = ++ การ y = 6 x = 5 ลองมัน "
- การพร่อง x = --y Y = 4 x = 4 ลองมัน "
x = y-- Y = 4 x = 5 ลองมัน "

สำหรับการกวดวิชาเกี่ยวกับการดำเนินการทางคณิตศาสตร์อ่านของเรา JavaScript เลขคณิตกวดวิชา


JavaScript ผู้ประกอบการที่ได้รับมอบหมาย

ผู้ประกอบการที่ได้รับมอบหมายจะใช้ในการกำหนดค่าตัวแปร JavaScript

ระบุว่า x = 10 และ y = 5 , ตารางด้านล่างอธิบายผู้ประกอบการที่ได้รับมอบหมาย:

ผู้ประกอบการ ตัวอย่าง เหมือนกับ ส่งผลให้ x ลองมัน
= x y = x y = x = 5 ลองมัน "
+ = x + y = x = x + y ที่ x = 15 ลองมัน "
- = x - y = x = x - Y x = 5 ลองมัน "
* = x * y = x = x * y ที่ x = 50 ลองมัน "
/ = x / y = x = x y / x = 2 ลองมัน "
% = x% y = x = x% Y x = 0 ลองมัน "

สำหรับการสอนเกี่ยวกับผู้ประกอบการที่ได้รับมอบหมายให้อ่านของเรา สอนการมอบหมายงาน JavaScript


ผู้ประกอบการ JavaScript String

ผู้ประกอบการ + และ + = ผู้ประกอบการยังสามารถใช้ในการเชื่อม (add) สตริง

ระบุว่า text1 = "Good " , text2 = "Morning" และ Text3 = "" , ตารางด้านล่างอธิบายผู้ประกอบการ:

ผู้ประกอบการ ตัวอย่าง text1 Text2 Text3 ลองมัน
+ Text3 = text1 + text2 "ดี" "ตอนเช้า" "อรุณสวัสดิ์" ลองมัน "
+ = text1 + = text2 "อรุณสวัสดิ์" "ตอนเช้า" "" ลองมัน "

ดำเนินการเปรียบเทียบ

ดำเนินการเปรียบเทียบที่ใช้ในงบตรรกะที่จะตรวจสอบความเสมอภาคหรือความแตกต่างระหว่างตัวแปรหรือค่า

ระบุว่า x = 5 , ตารางด้านล่างอธิบายประกอบการเปรียบเทียบ:

ผู้ประกอบการ ลักษณะ เปรียบเทียบ ผลตอบแทน ลองมัน
== เท่ากับ == x 8 เท็จ ลองมัน "
x == 5 จริง ลองมัน "
=== ค่าเท่ากันและประเภทที่เท่าเทียมกัน x === "5" เท็จ ลองมัน "
x === 5 จริง ลองมัน "
! = ไม่เท่ากับ x! = 8 จริง ลองมัน "
! == ค่าไม่เท่ากันหรือประเภทไม่เท่ากัน x! == "5" จริง ลองมัน "
x! == 5 เท็จ ลองมัน "
> มากกว่า x> 8 เท็จ ลองมัน "
< น้อยกว่า x <8 จริง ลองมัน "
> = มากกว่าหรือเท่ากับ x> = 8 เท็จ ลองมัน "
<= น้อยกว่าหรือเท่ากับ x <= 8 จริง ลองมัน "

สำหรับการกวดวิชาเกี่ยวกับการดำเนินการเปรียบเทียบอ่านของเรา JavaScript เปรียบเทียบการสอน


เงื่อนไข (Ternary) ผู้ประกอบการ

ผู้ประกอบการตามเงื่อนไขที่กำหนดค่าให้กับตัวแปรซึ่งเป็นไปตามเงื่อนไข

วากยสัมพันธ์ ตัวอย่าง ลองมัน
VariableName = ( condition ) ? ค่า 1: value2 voteable = (age < 18) ? "Too young" : "เก่าพอ"; ลองมัน "

ตัวอย่างอธิบาย: ถ้าตัวแปร "age" เป็นค่าที่ต่ำกว่า 18 ค่าของตัวแปร "voteable" จะเป็น "Too young" มิฉะนั้นค่าของ voteable จะเป็น "Old enough"


ผู้ประกอบการลอจิคัล

ผู้ประกอบการลอจิกจะใช้ในการกำหนดตรรกะระหว่างตัวแปรหรือค่า

ระบุว่า x = 6 and y = 3 , ตารางด้านล่างอธิบายดำเนินการทางตรรกะ:

ผู้ประกอบการ ลักษณะ ตัวอย่าง ลองมัน
&& และ (x < 10 && y > 1) เป็นความจริง ลองมัน "
|| หรือ (x === 5 || Y === 5) เป็นเท็จ ลองมัน "
! ไม่ !(x === y) เป็นความจริง ลองมัน "

ผู้ประกอบการ JavaScript Bitwise

ผู้ประกอบการบิตการทำงานในหมายเลข 32 บิต ถูกดำเนินการใด ๆ ที่เป็นตัวเลขในการดำเนินงานจะถูกแปลงเป็นจำนวน 32 บิต ผลที่ได้จะถูกแปลงกลับไปเป็นจำนวน JavaScript

ผู้ประกอบการ ลักษณะ ตัวอย่าง เหมือนกับ ผล ทศนิยม
& และ x = 5 & 1 0101 และ 0001 0001 1
| หรือ x = 5 | 1 0101 | 0001 0101 5
~ ไม่ x = ~ 5 ~ 0101 1010 10
^ แฮคเกอร์ x = 5 ^ 1 0101 ^ 0001 0100 4
<< กะซ้าย x = 5 << 1 0101 << 1 1010 10
>> กะขวา x = 5 >> 1 0101 >> 1 0010 2

ตัวอย่างข้างต้นใช้ 4 บิตตัวอย่างที่ไม่ได้ลงชื่อ แต่ JavaScript ใช้ 32 บิตลงนามหมายเลข

ด้วยเหตุนี้ใน JavaScript ~ 5 จะไม่กลับมา 10 มันจะกลับ -6

~ 00000000000000000000000000000101 จะกลับ 11111111111111111111111111111010


ผู้ประกอบการ typeof

ผู้ประกอบการส่งกลับ typeof ประเภทของตัวแปรวัตถุหรือฟังก์ชั่นการแสดงออก:

ตัวอย่าง

typeof "John"                 // Returns string
typeof 3.14                   // Returns number
typeof NaN                    // Returns number
typeof false                  // Returns boolean
typeof [1, 2, 3, 4]           // Returns object
typeof {name:'John', age:34}  // Returns object
typeof new Date()             // Returns object
typeof function () {}         // Returns function
typeof myCar                  // Returns undefined (if myCar is not declared)
typeof null                   // Returns object
ลองตัวเอง»

โปรดสังเกต:

  • ชนิดข้อมูลของน่านเป็นจำนวน
  • ชนิดข้อมูลของอาร์เรย์เป็นวัตถุ
  • ชนิดข้อมูลของวันที่เป็นวัตถุ
  • ชนิดข้อมูลของ null เป็นวัตถุ
  • ชนิดข้อมูลของตัวแปรที่ไม่ได้กำหนดจะไม่ได้กำหนด

คุณไม่สามารถใช้ typeof เพื่อกำหนดถ้าวัตถุ JavaScript เป็นอาร์เรย์ (or a date)


ผู้ประกอบการลบ

ผู้ประกอบการลบลบทรัพย์สินจากวัตถุ:

ตัวอย่าง

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age;   // or delete person["age"];
ลองตัวเอง»

ผู้ประกอบการลบลบทั้งมูลค่าของทรัพย์สินและทรัพย์สินของตัวเอง

หลังจากลบทรัพย์สินที่ไม่สามารถนำมาใช้ก่อนที่มันจะถูกเพิ่มกลับมาอีกครั้ง

ผู้ประกอบการลบถูกออกแบบมาเพื่อใช้กับคุณสมบัติของวัตถุ มันมีผลกระทบต่อตัวแปรหรือฟังก์ชั่น

หมายเหตุ: ผู้ประกอบการลบไม่ควรนำมาใช้ในการกำหนดไว้ล่วงหน้าคุณสมบัติของวัตถุ JavaScript มันสามารถผิดพลาดโปรแกรมประยุกต์ของคุณ


ในการประกอบการ

ในการดำเนินการส่งกลับจริงถ้าคุณสมบัติที่ระบุอยู่ในวัตถุที่ระบุมิฉะนั้นเท็จ

ตัวอย่าง

// Arrays
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // Returns false (specify the index number instead of value)
0 in cars               // Returns true
1 in cars               // Returns true
4 in cars               // Returns false (does not exist)
"length" in cars        // Returns true  (length is an Array property)

// Objects
var person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in person   // Returns true
"age" in person         // Returns true

// Predefined objects
"PI" in Math            // Returns true
"NaN" in Number         // Returns true
"length" in String      // Returns true
ลองตัวเอง»

ผู้ประกอบการ instanceof

ผู้ประกอบการ instanceof ผลตอบแทนจริงถ้าวัตถุที่ระบุเป็นตัวอย่างของวัตถุที่ระบุ:

ตัวอย่าง

var cars = ["Saab", "Volvo", "BMW"];

cars instanceof Array;          // Returns true
cars instanceof Object;         // Returns true
cars instanceof String;         // Returns false
cars instanceof Number;         // Returns false
ลองตัวเอง»

เป็นโมฆะผู้ประกอบการ

ผู้ประกอบการเป็นโมฆะประเมินการแสดงออกและผลตอบแทนที่ไม่ได้กำหนด ผู้ประกอบการนี้มักจะถูกใช้ในการขอรับค่าดั้งเดิมไม่ได้กำหนดโดยใช้ " void(0) " (มีประโยชน์เมื่อมีการประเมินการแสดงออกโดยไม่ต้องใช้ค่าตอบแทน)

ตัวอย่าง

<a href="javascript:void(0);">
  Useless link
</a>

<a href="javascript:void(document.body.style.backgroundColor='red');">
  Click me to change the background color of body to red
</a>
ลองตัวเอง»