javascript
JavaScript入门(part11)--对象
學(xué)習(xí)筆記，僅供參考，有錯(cuò)必糾
參考自：pink老師教案
文章目錄
- JavaScript入門
- 對(duì)象
- 創(chuàng)建對(duì)象的三種方式
- 利用字面量創(chuàng)建對(duì)象
- 利用 new Object 創(chuàng)建對(duì)象
- 利用構(gòu)造函數(shù)創(chuàng)建對(duì)象
- new關(guān)鍵字的作用
- 變量、屬性、函數(shù)、方法總結(jié)
- 遍歷對(duì)象
JavaScript入門
對(duì)象
創(chuàng)建對(duì)象的三種方式
利用字面量創(chuàng)建對(duì)象
- 創(chuàng)建對(duì)象
通過花括號(hào){} 創(chuàng)建對(duì)象，花括號(hào) {} 中包含了表達(dá)這個(gè)具體事物(對(duì)象)的屬性和方法；{} 里面采取鍵值對(duì)的形式表示，例如：
var Bunny = {name : 'Huang',age : 12,sex : '母',sayHi : function(){alert('大家好才是真的好~');} };- 對(duì)象的使用方式
屬性調(diào)用 : 對(duì)象.屬性名，或者 對(duì)象['屬性名']；
方法調(diào)用：對(duì)象.方法名()；
利用 new Object 創(chuàng)建對(duì)象
- 創(chuàng)建對(duì)象
通過內(nèi)置構(gòu)造函數(shù)Object創(chuàng)建對(duì)象，此時(shí)變量ada已經(jīng)保存了創(chuàng)建出來的空對(duì)象；
- 給空對(duì)象添加屬性和方法
通過對(duì)象操作屬性和方法的方式，來為對(duì)象增加屬性和方法：
ada.name = 'ada'; ada.age = 23; ada.sex = '女'; ada.sayHi = function(){alert('Hi~'); }利用構(gòu)造函數(shù)創(chuàng)建對(duì)象
- 構(gòu)造函數(shù)
構(gòu)造函數(shù)是一種特殊的函數(shù)，主要用來初始化對(duì)象，即為對(duì)象成員變量賦初始值，它總與 new運(yùn)算符一起使用。我們可以把對(duì)象中一些公共的屬性和方法抽取出來，然后封裝到這個(gè)函數(shù)里面。
構(gòu)造函數(shù)的封裝格式：
function 構(gòu)造函數(shù)名(形參1,形參2,形參3) {this.屬性名1 = 參數(shù)1;this.屬性名2 = 參數(shù)2;this.屬性名3 = 參數(shù)3;this.方法名 = 函數(shù)體; }構(gòu)造函數(shù)的調(diào)用格式：
var obj = new 構(gòu)造函數(shù)名(實(shí)參1, 實(shí)參2, 實(shí)參3)注意事項(xiàng)：
new關(guān)鍵字的作用
變量、屬性、函數(shù)、方法總結(jié)
屬性是對(duì)象的一部分，而變量不是對(duì)象的一部分，變量是單獨(dú)存儲(chǔ)數(shù)據(jù)的容器：
-
變量：單獨(dú)聲明賦值，單獨(dú)存在；
-
屬性：對(duì)象里面的變量稱為屬性，不需要聲明，用來描述該對(duì)象的特征。
方法是對(duì)象的一部分，函數(shù)不是對(duì)象的一部分，函數(shù)是單獨(dú)封裝操作的容器：
- 函數(shù)：單獨(dú)存在的，通過函數(shù)名()的方式就可以調(diào)用；
- 方法：對(duì)象里面的函數(shù)稱為方法，方法不需要聲明，使用對(duì)象.方法名()的方式就可以調(diào)用，方法用來描述該對(duì)象的行為和功能。
遍歷對(duì)象
- 舉個(gè)例子
HTML代碼：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>數(shù)據(jù)類型</title><script>function Bunny(name, age) {this.name = name;this.age = age;this.eating = function(food) {console.log(this.name + "愛吃" + food);}}var huang = new Bunny("Huang", 12);for (var item in huang) {console.log("屬性名:" + item);console.log("屬性值:" + huang[item]);}</script></head><body></body></html>控制臺(tái)：
總結(jié)
以上是生活随笔為你收集整理的JavaScript入门(part11)--对象的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 方舟哪里适合建家(方舟生存进化)
- 下一篇： JavaScript入门(part12)