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

首頁 > 編程 > JavaScript > 正文

JS中的prototype與面向對象的實例講解

2019-11-20 22:41:48
字體:
來源:轉載
供稿:網友
復制代碼 代碼如下:

<script language="javascript" type="text/javascript">
         //(1)把一個方法變成一個對象,為對象創建方法和屬性
         var Name = function () {
             //通過prototype給一個對象創建方法
             Name.prototype.Add = function (num, title) {
             }
             //也可以直接用this加方法名為對象創建方法和上面的等價
             this.Way = function (str) {
             }
             //為對象添加屬性值
             Name.prototype.xing = "123";

             //定義靜態屬性和方法
             Name.shi = "static";
             Name.Addd = function (num, title) {
             }
             //靜態定義的局部屬性和方法只能在靜態的類型里面用
             alert(Name.shi);
             Name.Addd(1, 2);

         }
         //方法也可以這樣聲明
         function Name1() {
             Name1.prototype.add = function () { }
             this.way = function () { }
             Name1.prototype.shu = "other";
         }
         //靜態定義的全局屬性和方法通用
         Name.sha = "static";
         Name.Addd2 = function () {
         }
         alert(Name.sha); //調用靜態屬性
         Name.Addd2(); //調用靜態方法
         var name = new Name();
         name.Add(); //對象調用方法
         name.Way();
         alert(name.xing); //對象調用屬性
         /*靜態的全局變量,在方法外可以調用;靜態的局部變量和方法僅限于方法內使用;實例對象不能調用靜態的方法 */
         /*實例對象不能使用prototype; */

 
         //(2)Javascript面向對象 繼承
         //父類
         function Class() {
             this.name = "name";
             this.method = function () {
                 alert("method");
             }
         }
         //子類
         function Class1() {
             this.name1 = "name1";
             this.method1 = function () {
                 alert("method1");
             }
         }
         //子類繼承父類
         Class1.prototype = new Class();
         var obj = new Class1();
         alert(obj.name);
         alert(obj.name1);
         obj.method();
         obj.method1();
         /******  子類繼承父類的語法,子類.prototype=new 父類();  *****/
         //(3)子類重寫父類
         //子類
         function Class2() {
             this.name2 = "name2";
             this.method2 = function () {
                 alert("method2");
             }
         }
         Class2.prototype = new Class(); //繼承
         Class2.prototype.name = "updateName"; //重寫父類的屬性
         Class2.prototype.method = function () {//重寫父類的方法
             alert("UpdateMethod");
         }
         var obj2 = new Class2();
         alert(obj2.name); //顯示updateName
         obj2.method(); //顯示UpdateMethod
         alert(obj2.name2);
         obj2.method2();

         //(4){}里面的為對象
         var arr = new Array();
         arr.push({ "name": "1", "age": 12, funA: function () { } });
         arr.push({ "name": "2", "age": 13 });
         arr.push({ "name": "3", "age": 14 });
         for (var i = 0; i < arr.length; i++) {
             alert(arr[i].name);
             alert(arr[i].age);
             alert(arr[i].funA());
         }
         /****一個對象也可以這么定義***/
         var newObject = {
             "name": "Jim",
             "sex": "Man",
              Way: function () { }
         };
     </script>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 久久久久se | 国产亚洲精品视频中文字幕 | 久久亚洲美女视频 | 国产日韩精品欧美一区视频 | 极品一级片 | 欧洲精品久久 | h视频免费看 | 日韩黄网站 | 精品在线免费播放 | 欧洲精品久久 | 原来神马影院手机版免费 | 久久亚洲春色中文字幕久久 | 51国产偷自视频区视频小蝌蚪 | 日日夜av| 久久人人人 | av成人免费看 | 欧美日韩一 | 九九视频精品在线观看 | 亚洲欧美国产精品va在线观看 | 久久96国产精品久久秘臀 | 黄污在线观看 | 激情视频免费看 | 日韩理论电影网 | 亚洲一区二区在线免费 | 一本色道久久综合亚洲精品图片 | 久久精品成人影院 | 91午夜少妇三级全黄 | 他也色在线视频 | 日韩视频―中文字幕 | 成人免费观看av | 欧美黄色三级视频 | 羞羞视频免费入口网站 | 九色激情网 | 免费a级毛片永久免费 | 欧美成人免费看 | 毛片大全免费 | 一级成人黄色片 | 亚洲精品自在在线观看 | 精品91av | 看一级大毛片 | 电影av在线|