JavaScript之信息的封裝 js對象入門

2024-05-06 14:10:26

字體：大中小

來源：轉載

供稿：網友

JavaScript之信息的封裝
在編碼前，我們需要了解如下幾個術語；
封裝：對內部數據的表現形式和實施細節進行隱藏；
私有屬性和方法：外界只能通過其公開的接口與其進行存取和交互
作用域：JavaScript中，只有函數具有作用域，函數內部定義的屬性和方法在外部無法訪問
特權方法：聲明在函數內部，能訪問函數內部變量（屬性）的方法，比較耗費內存；
代碼如下:
function Person()
{
/*
* 聲明私有的數據
* 昵稱，年齡，郵箱
*/
var nickName, age, email;
/*
* 需要訪問私有數據的方法(特權方法)
* 每生成一個實例將為特權方法生成一個新的副本
*/
this.setData = function(pNickName, pAge, pEmail)
{
nickName = pNickName;
age = pAge;
email = pEmail
};
this.getData = function()
{
return [nickName, age, email];
}
}
/*
* 不需要直接訪問私有數據的方法（公有方法）
* 不管生成多少實例，公有方法在內存中只存在一份
*/
Person.prototype = {
showData: function()
{
alert("個人信息：" + this.getData().join());
}
}

外部代碼通過私有或公有方法存取內部屬性
代碼如下:
var p = new Person();
p.setData("sky", "26", "vece@vip.qq.com");
p.showData();

演示代碼:

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：js 獲取Listbox選擇的值的代碼

下一篇：javascript中的變量是傳值還是傳址的？