1. 程式人生 > >javaScript 對象學習筆記

javaScript 對象學習筆記

html dom int 屬性 rip on() con () hello style

javaScript 對象學習筆記

關於對象,這對我們軟件工程到學生來說是不陌生的。

因為這個內容是在過年學到,事兒多,斷斷續續,總感覺有一絲不順暢,但總結還是要寫一下的

JavaScript 對象

  • DOM 節點

JavaScript 中的所有事物都是對象:字符串、數值、數組、函數...

此外,JavaScript 允許自定義對象。

JavaScript 對象

JavaScript 提供多個內建對象,比如 String、Date、Array 等等。

對象只是帶有屬性和方法的特殊數據類型。

訪問對象的屬性

屬性是與對象相關的值。

訪問對象屬性的語法是:

objectName.propertyName

這個例子使用了 String 對象的 length 屬性來獲得字符串的長度:

var message="Hello World!";
var x=message.length;

在以上代碼執行後,x 的值將是:

12
這是來自W3school之中到解釋

現在為想寫一個遊戲內npc的類,代碼如下
 1         <script>
 2             function Person(name, age, sex, heathy) {
 3                 this
.name = name; 4 this.age = age; 5 this.sex = sex; 6 this.heathy = heathy; 7 function smoke(heathy) { 8 heathy--; 9 console.log(‘你抽煙了,當前生命值為‘+heathy); 10 } 11 this
.smoke = smoke; 12 } 13 var npc = new Person(); 14 npc.name = ‘xiaowang‘; 15 npc.age = ‘18‘; 16 npc.sex = ‘boy‘ 17 npc.heathy = 100; 18 </script>

執行後發現方法 smoke 一直無法使用,花了半個多小時才發現,原來裏面沒寫this指向 QAQ
修改後
 1         <script>
 2             function Person(name, age, sex, heathy) {
 3                 this.name = name;
 4                 this.age = age;
 5                 this.sex = sex;
 6                 this.heathy = heathy;
 7                 function smoke(heathy) {
 8                     this.heathy--
 9                     heathy--;
10                     console.log(‘你抽煙了,當前生命值為‘+this.heathy);
11                 }
12                 this.smoke = smoke;
13             }
14             var npc = new Person();
15             npc.name = ‘xiaowang‘;
16             npc.age = ‘18‘;
17             npc.sex = ‘boy‘
18             npc.heathy = 100;
19         </script>

這樣就能執行了

技術分享圖片

嘿嘿,略顯潦草,很多過程都沒詳細寫出來

吐槽一句,過年想學東西真難呀,親戚朋友一直來家裏,不過感覺自己在進步到感覺真好。



javaScript 對象學習筆記