js面向對象之公有、私有、靜態(tài)屬性和方法詳解
更新時間：2015年04月17日 09:25:31 投稿：hebedich
這篇文章主要詳細介紹了js面向對象之公有、私有、靜態(tài)屬性和方法，并附上詳細的示例，非常的細致全面，這里推薦給大家，有需要的小伙伴可以參考下
現(xiàn)下，javascript大行其道，對于網站開發(fā)人員來說，javascript是必需掌據的一門語言，但隨著jquery等框架的流行和使用，許多人對于原生javascript缺乏深入的理解，習慣了函數式的編輯風格，對于閉包、原型總是說不清道不明．對于js面向對象蹩腳的用著，而要了解js面向對象，就必需先了解js中什么是公有方法、特權方法、靜態(tài)方法
方法/步驟
1.公有屬性和公有方法
function User(name,age){
this.name = name;//公有屬性
this.age = age;
}
User.prototype.getName = function(){//公有方法
return this.name;
}
var user = new User('fire子海',26);
console.log(user.getName());//output:fire子海
2.私有屬性和方法
function User(name,age){
var name = name;//私有屬性
var age = age;
function alertAge(){//私有方法
alert(age);
}
alertAge(age); //彈出26
}
var user = new User('fire子海',26);
3.靜態(tài)屬性和方法
在php中，無需實例化就可以調用的方法就叫靜態(tài)方法，js也一樣，無需實例化，即用new操作符實化對象，就可調用對象的方法和屬性。
function User(){}
User.age = 26;//靜態(tài)屬性
User.myname = 'fire子海';
User.getName =function(){//靜態(tài)方法
return this.myname;//如果這里使用this.name，返回的將是User，所有改用了myname，
}
console.log(User.getName());//output:fire子海
4.特權方法
function User(name,age){
var name = name;//私有屬性
var age = age;
this.getName = function(){ //特權方法
return name;//私有屬性和方法不能使用this調用
}
}
var user = new User('fire子海',26);
console.log(user.getName());//output:fire子海
5.靜態(tài)類
對于靜態(tài)方法和靜態(tài)屬性，我們無需像第三步中那樣去創(chuàng)建，如果網友看過我那篇“js如何制作圖片輪播”，就知道可以使用字面量的方式來創(chuàng)建。
var user = {
init:function(name,age){
this.name = name;
this.age = age;
},
getName:function(){
return this.name;
}
}
user.init('fire子海',26);
console.log(user.getName());//output:fire子海
6.公有方法的調用規(guī)則
調用公有方法，我們必需先實例化對象
公有方法中通過不this調用公有屬性和特權方法，不能使用this調用靜態(tài)方法和屬性，必需裁通過對象本身調用，即對象名。公有方法也不能調用私有方法
function User(){
this.myname = 'fire子海';//公有屬性
this.age = 26;
this.do = function(){//特權方法
return this.myname+'學習js';
}
}
User.eat = function(food){
return '晚餐只有'+food;
}
User.prototype.alertAge = function(){
alert(this.age);
}
User.prototype.alertDo = function(){
alert(this.do());//調用特權方法
}
User.prototype.alertEat = function(food){
alert(User.eat(food));//只能通過對象本身調用靜態(tài)方法
//alert(this.ear(food))這樣調用將出錯:this.eat is not a function
}
var user = new User();
user.alertAge();//alert:26
user.alertDo();//alert:fire子海學習js
user.alertEat('方便面')//alert:晚餐只有方便面
7.靜態(tài)方法的調用規(guī)則
使用靜態(tài)方法時，無需實例化對象，便可以調用，對象實例不能調用對象的靜態(tài)方法，只能調用實例自身的靜態(tài)屬性和方法
function User(){}
User.age = 26;//靜態(tài)屬性
User.myname = 'fire子海';
User.getName =function(){//靜態(tài)方法
return this.myname;
}
var user = new User();
console.log(user.getName);//TypeError: user.getName is not a function
user.supper = '方便面';
user.eat = function(){
return '晚餐只有'+this.supper;
}
user.eat();//晚餐只有方便面
靜態(tài)方法無法調用公有屬性、公有方法、私有方法、私有屬性、特權方法和原型屬性
function User(){
this.myname = 'fire子海';//公有屬性
this.age = 26;
this.do = function(){//特權方法
return this.myname+'學習js';
}
}
User.prototype.alertAge = function(){//公共方法，也叫原型方法
alert(this.age);
}
User.prototype.sex = '男';//原型屬性
User.getName= function(){//靜態(tài)方法
return this.myname;
}
User.getAge = function(){
this.alertAge();
}
User.getDo = function(){
return this.do();
}
//console.log(User.getName())//undefined
//console.log(User.getDo());//TypeError: this.do is not a function
//console.log(User.getAge())//TypeError: this.alertAge is not a function
8.特權方法的調用規(guī)則
特權方法通過this調用公有方法、公有屬性，通過對象本身調用靜態(tài)方法和屬性，在方法體內直接調用私有屬性和私有方法
function User(girlfriend){
var girlfriend = girlfriend;
function getGirlFriend(){
return '我女朋友'+girlfriend+'是美女！';
}
this.myname = 'fire子海';//公有屬性
this.age = 26;
this.do = function(){//特權方法
return this.myname+'學習js';
}
this.alertAge = function(){
this.changeAge();//特權方法調用公有方法
alert(this.age);
}
this.alertGirlFriend = function(){
alert(getGirlFriend());//調用私有方法
}
}
User.prototype.changeAge = function(){
this.age = 29;
}
var user = new User('某某');
user.alertAge();//alert:29
user.alertGirlFriend();//alert:我的女朋友某某是美女！
9.私有方法
對象的私有方法和屬性,外部是不可以訪問的,在方法的內部不是能this調用對象的公有方法、公有屬性、特權方法的
function User(girlfriend){
var girlfriend = girlfriend;
this.myname = 'fire子海';//公有屬性
this.age = 26;
function getGirlFriend(){
//this.myname ;//此時的this指向的window對象，并非User對象，
// this.myname = 'fire子海',此時的this指向的是getGirFriend對象了。
//如果通過this調用了getGirFriend中不存在的方法呀屬性，this便會指向window 對象，只有this調用了getGirlFriend存在的方法和屬性，this才會指定getGirlFriend;
alert(User.eat('泡面'));//alert：晚餐只有方便面
}
this.do = function(){//特權方法
return this.myname+'學習js';
}
this.alertAge = function(){
this.changeAge();//特權方法調用公有方法
alert(this.age);
}
this.alertGirlFriend = function(){
getGirlFriend();//調用私有方法
}
}
User.eat = function(supper){
return '晚餐只有'+supper;
}
var user = new User('某某');
user.alertGirlFriend();
以上所述就是本文的全部內容了，希望大家能夠喜歡。
相關文章
這篇文章適合任何一位基于JavaScript開發(fā)的開發(fā)者。我寫這篇文章主要涉及JavaScript中一些簡寫的代碼，幫助大家更好理解一些JavaScript的基礎。希望這些代碼能從不同的角度幫助你更好的理解JavaScript。2020-09-09
數組去重復是一個常見的需求，我們暫時考慮同類型的數組去重復。主要是理清思路和考慮下性能。以下方法，網上基本都有，這里只是簡單地總結一下分享給大家。2015-04-04
這篇博客文章是為初級到中級JavaScript開發(fā)人員所寫,主要為大家介紹了JavaScript模運算符理解及運用實戰(zhàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步2023-11-11
仿JQuery中文社區(qū)注冊,JS 密碼強度驗證(兼容IE,火狐,谷歌)2010-03-03
之前我們講到數組遍歷, 本文我們更進一步, 講講如何提高遍歷的效率. 下面這篇文章主要深入的介紹了Javascript中作用域鏈和閉包的相關資料，需要的朋友可以參考下2017-04-04
這篇文章主要給大家介紹了關于es6中Async函數的基本教程，文中介紹的非常詳細，對大家學習async函數具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧。2017-05-05
這篇文章主要為大家詳細介紹了原生JavaScript實現(xiàn)留言板，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
jscript之List Excel Color Values
jscript之List Excel Color Values...2007-06-06
本文介紹怎樣利用JavaScript來阻止表單提交的兩種方法，分別是return false和使用preventDefault()，有需要的可以參考借鑒，下面一起來看看。2016-08-08
瀏覽器兼容的JS寫法總結，涵蓋的內容很全面，感興趣的小伙伴們可以參考一下2016-04-04