當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript入门(part11)--对象
生活随笔
收集整理的這篇文章主要介紹了
JavaScript入门(part11)--对象
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
學習筆記，僅供參考，有錯必糾
參考自：pink老師教案
文章目錄
- JavaScript入門
- 對象
- 創建對象的三種方式
- 利用字面量創建對象
- 利用 new Object 創建對象
- 利用構造函數創建對象
- new關鍵字的作用
- 變量、屬性、函數、方法總結
- 遍歷對象
JavaScript入門
對象
創建對象的三種方式
利用字面量創建對象
- 創建對象
通過花括號{} 創建對象，花括號 {} 中包含了表達這個具體事物(對象)的屬性和方法；{} 里面采取鍵值對的形式表示，例如：
var Bunny = {name : 'Huang',age : 12,sex : '母',sayHi : function(){alert('大家好才是真的好~');} };- 對象的使用方式
屬性調用 : 對象.屬性名，或者 對象['屬性名']；
方法調用：對象.方法名()；
利用 new Object 創建對象
- 創建對象
通過內置構造函數Object創建對象，此時變量ada已經保存了創建出來的空對象；
- 給空對象添加屬性和方法
通過對象操作屬性和方法的方式，來為對象增加屬性和方法：
ada.name = 'ada'; ada.age = 23; ada.sex = '女'; ada.sayHi = function(){alert('Hi~'); }利用構造函數創建對象
- 構造函數
構造函數是一種特殊的函數，主要用來初始化對象，即為對象成員變量賦初始值，它總與 new運算符一起使用。我們可以把對象中一些公共的屬性和方法抽取出來，然后封裝到這個函數里面。
構造函數的封裝格式：
function 構造函數名(形參1,形參2,形參3) {this.屬性名1 = 參數1;this.屬性名2 = 參數2;this.屬性名3 = 參數3;this.方法名 = 函數體; }構造函數的調用格式：
var obj = new 構造函數名(實參1, 實參2, 實參3)注意事項：
new關鍵字的作用
變量、屬性、函數、方法總結
屬性是對象的一部分，而變量不是對象的一部分，變量是單獨存儲數據的容器：
-
變量：單獨聲明賦值，單獨存在；
-
屬性：對象里面的變量稱為屬性，不需要聲明，用來描述該對象的特征。
方法是對象的一部分，函數不是對象的一部分，函數是單獨封裝操作的容器：
- 函數：單獨存在的，通過函數名()的方式就可以調用；
- 方法：對象里面的函數稱為方法，方法不需要聲明，使用對象.方法名()的方式就可以調用，方法用來描述該對象的行為和功能。
遍歷對象
- 舉個例子
HTML代碼：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>數據類型</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>控制臺：
總結
以上是生活随笔為你收集整理的JavaScript入门(part11)--对象的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 方舟哪里适合建家(方舟生存进化)
- 下一篇： JavaScript入门(part12)