js實(shí)例屬性和原型屬性示例詳解
詳情請(qǐng)仔細(xì)研讀注釋，這里就廢話少說，直接上代碼了。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>測(cè)試文檔</title>
<script type="text/javascript">
// 實(shí)質(zhì)上屬性和方法是一樣的，方法是屬性為引用型的函數(shù)。
//一個(gè)對(duì)象有4種屬性：
// 1，構(gòu)造函數(shù)通過this關(guān)鍵字定義的屬性
// 2，構(gòu)造函數(shù)通過var關(guān)鍵字定義的屬性
// 3,構(gòu)造函數(shù)的原型對(duì)象添加的屬性
// 4，對(duì)象動(dòng)態(tài)添加的屬性
//實(shí)例的公有屬性：1 通過this關(guān)鍵字定義的屬性 可訪問 1，2，3，4
//實(shí)例的私有屬性：2 通過var關(guān)鍵字定義的屬性。 可訪問 2
//實(shí)例的共享屬性：3 通過實(shí)例指向的原型添加的屬性。 可訪問 1,3,4
//實(shí)例的靜態(tài)屬性：4 對(duì)象動(dòng)態(tài)添加的屬性。 可訪問 1,3,4
//總結(jié)：
// 實(shí)例屬性：1，公有
// 2，私有
// 4，靜態(tài)
// 原型屬性：3，共享
//this定義的為特權(quán)屬性。全部可訪問
//var定義的為私有屬性。
//動(dòng)態(tài)添加的屬性為公有屬性。不可訪問私有屬性
//實(shí)例對(duì)象指向的原型屬性為原型屬性。不可訪問私有屬性，優(yōu)先級(jí)低于公有屬性
//實(shí)例屬性主要有公有屬性和特權(quán)屬性構(gòu)成。均可被外部和原型屬性訪問。主要區(qū)別在于是否可訪問私有屬性
//原型屬性優(yōu)先級(jí)低于實(shí)例屬性?？杀煌獠吭L問和實(shí)例屬性訪問（除私有屬性）
//-----------------此處為分割線-----------------------------
// 公有屬性：對(duì)象暴露給外部環(huán)境的屬性。也是對(duì)象的屬性。
// 私有屬性：對(duì)象內(nèi)部的屬性，往往不可訪問.在構(gòu)造函數(shù)層面上考慮才有意義。
// 靜態(tài)屬性：動(dòng)態(tài)添加的屬性。也是對(duì)象的屬性。
// 共有屬性：所有構(gòu)造函數(shù)生成的實(shí)例所共享的屬性。
function User(){
// 公有屬性：每new一個(gè)User實(shí)例對(duì)象，都有的屬性。
// 為實(shí)例屬性，所有實(shí)例的屬性不共享內(nèi)存。
// 外部可訪問。
this.name='byronvis';
// 特權(quán)方法：每new一個(gè)User實(shí)例對(duì)象，都有的方法。
// 為實(shí)例方法，所有實(shí)例的方法不共享內(nèi)存。
// 外部可訪問。
// 可訪問公有屬性。
// 可訪問私有屬性。
this.sayName=function(){
alert(this.name);
alert(this.school);
alert(age);//變量聲明會(huì)自動(dòng)提前。
alert(this.sex);
};
// 私有屬性：外部不可訪問。
// 僅對(duì)構(gòu)造函數(shù)有意義，對(duì)于new的User實(shí)例對(duì)象無意義。
var age=22;
// 私有方法：外部不可訪問。
// 僅對(duì)構(gòu)造函數(shù)有意義，對(duì)于new的User實(shí)例對(duì)象無意義。
function sayAge(){
alert(age);
}
sayAge();
}
// 共有屬性： 共享內(nèi)存。
User.prototype.school='zky';
// 共有方法：可訪問公有屬性。
// 共享內(nèi)存。
User.prototype.saySchool=function(){
alert(this.school);
alert(this.name);
alert(this.sex);
alert(age);
};
var obj=new User();
// 靜態(tài)屬性：就是動(dòng)態(tài)添加的實(shí)例屬性。
obj.sex='man';
// 靜態(tài)方法：就是動(dòng)態(tài)添加的實(shí)例方法。
obj.saySex=function(){
alert(this.sex);
alert(this.name);
alert(this.school);
alert(age);
};
//-----------------此處為分割線-----------------------------
//// 證明this關(guān)鍵字定義的屬性和動(dòng)態(tài)添加的屬性本質(zhì)上一樣的，都可認(rèn)為是實(shí)例對(duì)象的公有屬性。
// 驗(yàn)證： this關(guān)鍵字定義的屬性訪問動(dòng)態(tài)添加的屬性
// obj.sayName();//true
// 驗(yàn)證：動(dòng)態(tài)添加的屬性訪問this關(guān)鍵字定義的屬性
// obj.saySex();//true
// 驗(yàn)證：公有屬性訪問私有屬性
// obj.sayName();//true
obj.saySex();//false
// 驗(yàn)證：共享屬性訪問私有屬性
// obj.saySchool();//false
</script>
</head>
<body>
測(cè)試文檔
</body>
</html>
小伙伴們是否看明白了，了解了實(shí)例屬性和原型屬性了嗎？本文講述的非常的詳細(xì)，推薦給大家，希望對(duì)小伙伴們能有所幫助
相關(guān)文章
layui固定下拉框的顯示條數(shù)(有滾動(dòng)條)的方法
今天小編就為大家分享一篇layui固定下拉框的顯示條數(shù)(有滾動(dòng)條)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
微信小程序?qū)崿F(xiàn)選項(xiàng)卡的簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)選項(xiàng)卡的簡(jiǎn)單實(shí)例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
TypeScript中的互斥類型實(shí)現(xiàn)方法示例
用了一年時(shí)間的TypeScript了,下面這篇文章主要給大家介紹了關(guān)于TypeScript中互斥類型實(shí)現(xiàn)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
小程序?qū)崿F(xiàn)倒計(jì)時(shí)組件的使用示例
倒計(jì)時(shí)是指從一個(gè)固定的時(shí)間開始,向前推算一段時(shí)間,來計(jì)算目標(biāo)時(shí)間或剩余時(shí)間的過程,本文主要介紹了小程序?qū)崿F(xiàn)倒計(jì)時(shí)組件的使用示例,具有一定的參考價(jià)值,感興趣的可以了解一下2023-09-09
網(wǎng)頁取色...2006-10-10
第一次接觸JS require.js模塊化工具，本文為大家介紹了JS模塊化工具require.js教程第一課認(rèn)識(shí)require.js，編寫require.js，感興趣的小伙伴們可以參考一下2016-04-04
我最開始寫過一個(gè)富交互的頁面，其中的JavaScript代碼包含了很多html標(biāo)簽2012-09-09
五步輕松實(shí)現(xiàn)JavaScript HTML時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了五步輕松實(shí)現(xiàn)JavaScript HTML時(shí)鐘效果的代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
本篇文章主要介紹了詳解tween.js 中文使用指南，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
JS判斷對(duì)象是否為空對(duì)象的幾種實(shí)用方法匯總
判斷是否為空對(duì)象在實(shí)際開發(fā)中很常見,下面這篇文章主要給大家介紹了關(guān)于JS判斷對(duì)象是否為空對(duì)象的幾種實(shí)用方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05