บทความนี้วิเคราะห์การใช้งานนี้ใน JS แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
ตัวอย่างที่ 1: วิธีแรกในการเรียกสิ่งนี้ - เรียกในรูปแบบฟังก์ชัน มันหมายถึงหน้าต่างวัตถุทั่วโลก
คัดลอกรหัสดังนี้: <script type = "text/javascript">
ฟังก์ชั่น t () {
การแจ้งเตือน (นี่); // ที่นี่นี่หมายถึงวัตถุหน้าต่าง
-
t ();
</script>
ตัวอย่างที่ 2: วิธีที่สองในการเรียกสิ่งนี้ - เรียกในรูปแบบของคุณสมบัติวัตถุ มันหมายถึงวัตถุ onclick เป็นแอตทริบิวต์ของวัตถุองค์ประกอบ p ในอินสแตนซ์
คัดลอกรหัสดังนี้: <html>
<head>
<script type = "text/javascript">
ฟังก์ชั่น t () {
การแจ้งเตือน (นี้);
this.style.background = 'Green';
-
window.onload = function () {
document.getElementById ('eng'). onclick = t;
-
</script>
</head>
<body>
<p id = "eng"> abcd </p>
</body>
</html>
ตัวอย่างที่ 3: วิธีที่สามในการเรียกสิ่งนี้ - เรียกในรูปแบบของตัวสร้าง
คัดลอกรหัสดังนี้: <script type = "text/javascript">
ฟังก์ชั่นสุนัข () {
this.legs = 4;
this.bark = function () {
การแจ้งเตือน ("Wangwang ... ");
-
-
var wangcai = dog ใหม่ (); // วิธีการสร้างวัตถุ ชื่อฟังก์ชันใหม่ ();
wangcai.bark ();
</script>
ภาพประกอบ:
(1) ถ้าฟังก์ชั่นสุนัข () เรียกโดยตรงแทนที่จะเรียกมันในวิธีการสร้างวัตถุมันจะเทียบเท่ากับการโทรประเภทแรกนั่นคือนี่แสดงถึงหน้าต่างวัตถุทั่วโลก
(2) ไม่มีแนวคิดของชั้นเรียนใน JS แต่มีแนวคิดของวัตถุ
(3) การสร้างวัตถุสามารถสร้างได้โดยใช้ var = objname {ชื่อ: 'abc', อายุ: 40} หรือสามารถสร้างได้ผ่านตัวสร้าง;
(4) ตัวสร้างคืออะไร: เมื่อมีการเรียกฟังก์ชันสามัญในรูปแบบของ "ชื่อฟังก์ชันใหม่ ()" ฟังก์ชั่นนี้ทำหน้าที่เป็นตัวสร้าง
ตัวอย่างที่ 4: วิธีที่สี่ในการเรียกสิ่งนี้ - โทรและสมัคร
คัดลอกรหัสดังนี้: <html>
<head>
<script type = "text/javascript">
window.onload = function () {
var d = document.getElementById ('hi');
if (hi.addeventListener) {// Chrome และ Firefox
hi.addeventListener ('คลิก', function () {Alert (this.id)}, false); // ในโมเดล W3C ซึ่งชี้ไปที่วัตถุ DOM ผลลัพธ์นี้คือสวัสดี
} else {// เช่น
hi.attachevent ('onclick', function () {Alert (this.id)}); // IE8 และ IE8 ด้านล่างที่นี่ชี้ไปที่หน้าต่างวัตถุทั่วโลก ผลลัพธ์ไม่ได้กำหนดไว้
-
-
</script>
</head>
<body>
<p id = "สวัสดี"> Hello World </p>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน