麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

js實例屬性和原型屬性示例詳解

2019-11-20 13:53:41
字體:
來源:轉載
供稿:網友

詳情請仔細研讀注釋,這里就廢話少說,直接上代碼了。

復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>測試文檔</title>
    <script type="text/javascript">
// 實質上屬性和方法是一樣的,方法是屬性為引用型的函數。
//一個對象有4種屬性:
//                 1,構造函數通過this關鍵字定義的屬性
//                 2,構造函數通過var關鍵字定義的屬性
//                 3,構造函數的原型對象添加的屬性
//                 4,對象動態添加的屬性
//實例的公有屬性:1      通過this關鍵字定義的屬性           可訪問   1,2,3,4
//實例的私有屬性:2      通過var關鍵字定義的屬性。          可訪問   2
//實例的共享屬性:3      通過實例指向的原型添加的屬性。      可訪問   1,3,4
//實例的靜態屬性:4      對象動態添加的屬性。               可訪問  1,3,4

//總結:
//     實例屬性:1,公有
//              2,私有
//              4,靜態
//     原型屬性:3,共享

//this定義的為特權屬性。全部可訪問
//var定義的為私有屬性。
//動態添加的屬性為公有屬性。不可訪問私有屬性

//實例對象指向的原型屬性為原型屬性。不可訪問私有屬性,優先級低于公有屬性

//實例屬性主要有公有屬性和特權屬性構成。均可被外部和原型屬性訪問。主要區別在于是否可訪問私有屬性
//原型屬性優先級低于實例屬性。可被外部訪問和實例屬性訪問(除私有屬性)


//-----------------此處為分割線-----------------------------
// 公有屬性:對象暴露給外部環境的屬性。也是對象的屬性。
// 私有屬性:對象內部的屬性,往往不可訪問.在構造函數層面上考慮才有意義。
// 靜態屬性:動態添加的屬性。也是對象的屬性。
// 共有屬性:所有構造函數生成的實例所共享的屬性。

       function User(){
//           公有屬性:每new一個User實例對象,都有的屬性。
//                    為實例屬性,所有實例的屬性不共享內存。
//                    外部可訪問。
           this.name='byronvis';
//           特權方法:每new一個User實例對象,都有的方法。
//                    為實例方法,所有實例的方法不共享內存。
//                    外部可訪問。
//                    可訪問公有屬性。
//                    可訪問私有屬性。
           this.sayName=function(){
            alert(this.name);
               alert(this.school);
            alert(age);//變量聲明會自動提前。
            alert(this.sex);
           };
//           私有屬性:外部不可訪問。
//                    僅對構造函數有意義,對于new的User實例對象無意義。
           var age=22;
//           私有方法:外部不可訪問。
//                    僅對構造函數有意義,對于new的User實例對象無意義。
           function sayAge(){
               alert(age);
           }
           sayAge();
       }
//       共有屬性: 共享內存。
       User.prototype.school='zky';
//       共有方法:可訪問公有屬性。
//                共享內存。
       User.prototype.saySchool=function(){
           alert(this.school);
           alert(this.name);
           alert(this.sex);
           alert(age);
       };
        var obj=new User();
//       靜態屬性:就是動態添加的實例屬性。
        obj.sex='man';
//       靜態方法:就是動態添加的實例方法。
        obj.saySex=function(){
            alert(this.sex);
            alert(this.name);
            alert(this.school);
            alert(age);
        };
//-----------------此處為分割線-----------------------------
////      證明this關鍵字定義的屬性和動態添加的屬性本質上一樣的,都可認為是實例對象的公有屬性。
//       驗證: this關鍵字定義的屬性訪問動態添加的屬性
//        obj.sayName();//true
//        驗證:動態添加的屬性訪問this關鍵字定義的屬性
//        obj.saySex();//true
//        驗證:公有屬性訪問私有屬性
//        obj.sayName();//true
           obj.saySex();//false
//        驗證:共享屬性訪問私有屬性
//        obj.saySchool();//false

   </script>
</head>
<body>
    測試文檔
</body>
</html>

小伙伴們是否看明白了,了解了實例屬性和原型屬性了嗎?本文講述的非常的詳細,推薦給大家,希望對小伙伴們能有所幫助

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: chinesexxxx极品少妇 | 在线观看国产网站 | 免费观看国产视频 | 成人情欲视频在线看免费 | 国产一区影院 | 91麻豆精品国产91久久久无需广告 | 国产精品一区二区三区在线播放 | 欧美1区2区在线观看 | 亚洲成人福利网站 | 粉嫩粉嫩一区二区三区在线播放 | 国产精品自拍啪啪 | 九九热视频免费 | 久久精品一区二区三区国产主播 | 一区二区久久久久草草 | 午夜国产精品成人 | 亚洲第一色婷婷 | 亚洲特黄a级毛片在线播放 久久久入口 | 国产精品成人久久久久a级 av电影在线免费 | 欧美不卡视频在线观看 | 午夜视频福利 | 亚欧在线免费观看 | 成人福利在线免费观看 | 国产精品亚洲综合一区二区三区 | 一本色道久久综合亚洲精品图片 | 免费国产网站 | 女18一级大黄毛片免费女人 | 草逼一区 | 久久久久久久久久久av | 精品一区二区亚洲 | 一区二区免费看 | 欧美精品免费一区二区三区 | 91久久国产露脸精品免费 | 欧美成人免费在线视频 | 欧美日韩一区,二区,三区,久久精品 | 久久噜噜噜精品国产亚洲综合 | 久久午夜神器 | 羞羞视频免费观看网站 | 91精品视频在线看 | 香蕉成人在线视频 | 一级空姐毛片 | 可以免费看av |