亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

淺析用prototype定義自己的方法

2019-11-20 21:42:35
字體:
來源:轉載
供稿:網友

prototype 是在 IE 4 及其以后版本引入的一個針對于某一類的對象的方法,而且特殊的地方便在于:它是一個給類的對象添加方法的方法!這一點可能聽起來會有點亂,別急,下面我便通過實例對這一特殊的方法作已下講解:

首先,我們要先了解一下類的概念,JavaScript 本身是一種面向對象的語言,它所涉及的元素根據其屬性的不同都依附于某一個特定的類。我們所常見的類包括:數組變量(Array)、邏輯變量(Boolean)、日期變量(Date)、結構變量(Function)、數值變量(Number)、對象變量(Object)、字符串變量(String) 等,而相關的類的方法,也是程序員經常用到的(在這里要區分一下類的注意和屬性發方法),例如數組的push方法、日期的get系列方法、字符串的split方法等等,

但是在實際的編程過程中不知道有沒有感覺到現有方法的不足?prototype 方法應運而生!下面,將通過實例由淺入深講解 prototype 的具體使用方法:

1、最簡單的例子,了解 prototype:

(1) Number.add(num):作用,數字相加
實現方法:Number.prototype.add = function(num){return(this+num);}
試驗:alert((3).add(15)) -> 顯示 18


(2) Boolean.rev(): 作用,布爾變量取反
實現方法:Boolean.prototype.rev = function(){return(!this);}
試驗:alert((true).rev()) -> 顯示 false

是不是很簡單?這一節僅僅是告訴讀者又這么一種方法,這種方法是這樣運用的。


2、已有方法的實現和增強,初識 prototype:

(1) Array.push(new_element)
作用:在數組末尾加入一個新的元素

實現方法:

復制代碼 代碼如下:

Array.prototype.push = function(new_element){
        this[this.length]=new_element;
        return this.length;
    }

讓我們進一步來增強他,讓他可以一次增加多個元素!

實現方法:

復制代碼 代碼如下:

Array.prototype.pushPro = function() {
        var currentLength = this.length;
        for (var i = 0; i < arguments.length; i++) {
            this[currentLength + i] = arguments[i];
        }
        return this.length;
    }

應該不難看懂吧?以此類推,你可以考慮一下如何通過增強 Array.pop 來實現刪除任意位置,任意多個元素(具體代碼就不再細說了)

(2) String.length
作用:這實際上是 String 類的一個屬性,但是由于 JavaScript 將全角、半角均視為是一個字符,在一些實際運用中可能會造成一定的問題,現在我們通過 prototype 來彌補這部不足。

實現方法:

復制代碼 代碼如下:

String.prototype.Tlength = function(){
        var arr=this.match(/[^/x00-/xff]/ig);
        return this.length+(arr==null?0:arr.length);
    }

試驗:alert("aa啦啦aa".Tlength()) -> 顯示 8

這里用到了一些正則表達式的方法和全角字符的編碼原理,由于屬于另兩個比較大的類別,本文不加說明,請參考相關材料。

3、新功能的實現,深入 prototype:在實際編程中所用到的肯定不只是已有方法的增強,更多的實行的功能的要求,下面我就舉兩個用 prototype 解決實際問題的例子:

(1) String.left()
問題:用過 vb 的應該都知道left函數,從字符串左邊取 n 個字符,但是不足是將全角、半角均視為是一個字符,造成在中英文混排的版面中不能截取等長的字符串

作用:從字符串左邊截取 n 個字符,并支持全角半角字符的區分

實現方法:

復制代碼 代碼如下:

String.prototype.left = function(num,mode){
        if(!//d+/.test(num))return(this);
        var str = this.substr(0,num);
        if(!mode) return str;
        var n = str.Tlength() - str.length;
        num = num - parseInt(n/2);
        return this.substr(0,num);
    }

試驗:alert("aa啦啦aa".left(4)) -> 顯示 aa啦啦
      alert("aa啦啦aa".left(4,true)) -> 顯示 aa啦

本方法用到了上面所提到的String.Tlength()方法,自定義方法之間也能組合出一些不錯的新方法呀!

(2) Date.DayDiff()
作用:計算出兩個日期型變量的間隔時間(年、月、日、周)
實現方法:

復制代碼 代碼如下:

Date.prototype.DayDiff = function(cDate,mode){
        try{
            cDate.getYear();
        }catch(e){
            return(0);
        }
        var base =60*60*24*1000;
        var result = Math.abs(this - cDate);
        switch(mode){
            case "y":
                result/=base*365;
                break;
            case "m":
                result/=base*365/12;
                break;
            case "w":
                result/=base*7;
                break;
            default:
                result/=base;
                break;
        }
        return(Math.floor(result));
    }

試驗:alert((new Date()).DayDiff((new Date(2002,0,1)))) -> 顯示 329
      alert((new Date()).DayDiff((new Date(2002,0,1)),"m")) -> 顯示 10

當然,也可以進一步擴充,得出響應的小時、分鐘,甚至是秒。

(3) Number.fact()
作用:某一數字的階乘
實現方法:

復制代碼 代碼如下:

Number.prototype.fact=function(){
        var num = Math.floor(this);
        if(num<0)return NaN;
        if(num==0 || num==1)
            return 1;
        else
            return (num*(num-1).fact());
    }

試驗:alert((4).fact()) -> 顯示 24
這個方法主要是說明了遞歸的方法在 prototype 方法中也是可行的!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
精品国产鲁一鲁一区二区张丽| 欧美性高跟鞋xxxxhd| 亚洲国产成人91精品| 亚洲成色www8888| 亚洲xxx视频| 久久久久国产精品免费网站| 日韩电影免费在线观看中文字幕| 红桃av永久久久| 最近2019年日本中文免费字幕| 亚洲美女视频网| 亚洲欧洲日韩国产| 国产亚洲免费的视频看| 国产精品亚洲一区二区三区| 亚洲午夜激情免费视频| 欧美高清视频在线观看| 日韩精品免费视频| 欧美日韩国产限制| 色偷偷偷综合中文字幕;dd| 亚洲成成品网站| 国产视频在线观看一区二区| 国产精品久久综合av爱欲tv| 欧美在线观看网站| 北条麻妃一区二区三区中文字幕| www.xxxx精品| 不卡在线观看电视剧完整版| 欧美另类交人妖| 欧美精品在线看| 北条麻妃一区二区三区中文字幕| 亚洲欧洲国产精品| 欧洲亚洲女同hd| 欧美视频在线免费看| 久久精品国产久精国产一老狼| 日韩中文字幕在线免费观看| 国产一区二区三区视频| 成人自拍性视频| 国产精品久久久久秋霞鲁丝| 亚洲福利在线观看| 91免费的视频在线播放| 欧美一区二区色| 中文字幕亚洲欧美日韩高清| 精品福利一区二区| 午夜精品久久久久久久男人的天堂| 欧美激情高清视频| 日韩欧美成人区| 不卡在线观看电视剧完整版| 国产视频在线观看一区二区| 黑人欧美xxxx| 亚洲国产日韩欧美综合久久| 色综合久久久久久中文网| 日韩国产一区三区| 亚洲成人激情在线| 精品国产老师黑色丝袜高跟鞋| www亚洲精品| 国产精品成人观看视频国产奇米| 日韩在线观看高清| 亚洲精品国精品久久99热一| 成人写真视频福利网| 亚洲激情视频在线播放| 深夜福利91大全| 色99之美女主播在线视频| 欧美日韩加勒比精品一区| 精品av在线播放| 久久久久久久久国产| 成人观看高清在线观看免费| 在线播放国产一区中文字幕剧情欧美| 一区二区三区四区在线观看视频| 一色桃子一区二区| 久久久久久久久国产精品| 91免费福利视频| 国产丝袜精品视频| 91日韩在线视频| 一本大道久久加勒比香蕉| 91日韩在线播放| 成人黄色大片在线免费观看| 精品久久久久久久久久| 欧美激情成人在线视频| 亚洲精品99久久久久中文字幕| 午夜剧场成人观在线视频免费观看| 亚洲一区999| 国产精品成人久久久久| 日本成人精品在线| 日本午夜在线亚洲.国产| 色无极影院亚洲| 高清欧美一区二区三区| 日韩免费在线观看视频| 亚洲大胆人体在线| 青草成人免费视频| 国产精品一二三在线| 欧美精品在线观看| 欧美一级bbbbb性bbbb喷潮片| 日韩在线欧美在线国产在线| 亚洲视频在线免费看| 91视频国产高清| 亚洲尤物视频网| 一区二区av在线| 欧美激情国内偷拍| 亚洲韩国日本中文字幕| 欧美在线亚洲一区| 久久久久久久久久久成人| 精品久久久久久久久久国产| 欧美尺度大的性做爰视频| 日韩视频精品在线| 日韩电影中文字幕在线| 欧美日韩精品在线视频| 久久香蕉频线观| 国产亚洲综合久久| 日韩欧美在线第一页| 色777狠狠综合秋免鲁丝| 亚洲欧洲美洲在线综合| 日韩在线视频二区| 一本一本久久a久久精品综合小说| 日本不卡视频在线播放| 97在线观看免费高清| 国产精品久久久久久搜索| 91精品在线国产| 日韩av免费在线观看| 97国产在线观看| 欧美日韩性视频| 国产精品成人一区| 久久成年人免费电影| 欧美激情网友自拍| 欧美精品免费在线| 国产不卡av在线免费观看| 中文字幕无线精品亚洲乱码一区| 欧美视频在线看| 亚洲精品suv精品一区二区| 性色av一区二区三区红粉影视| 久久视频免费观看| 亚洲日本aⅴ片在线观看香蕉| 91av视频在线| 日韩美女在线观看一区| 中文字幕久精品免费视频| 91精品国产亚洲| 日韩亚洲欧美中文在线| 欧美激情三级免费| 午夜精品99久久免费| 欧美精品在线极品| 亚洲一区二区免费在线| 国产精品成人品| 亚洲精品久久久久中文字幕二区| 国产日韩精品在线播放| 亚洲无线码在线一区观看| 国产精品久久久久7777婷婷| 成人国产精品色哟哟| 国产视频丨精品|在线观看| 精品久久久久久久久久| 亚洲一区二区在线播放| 国内揄拍国内精品少妇国语| 亚洲理论电影网| 色偷偷噜噜噜亚洲男人的天堂| 日韩电影免费观看在线| 久久久久国产一区二区三区| 97av在线播放| 国产精品久久久久久久久久久新郎| 中文字幕av一区二区三区谷原希美| 国产日韩欧美日韩| 精品欧美aⅴ在线网站| 欧美极度另类性三渗透| 97人洗澡人人免费公开视频碰碰碰| 高清亚洲成在人网站天堂| 日韩成人av网址| 精品毛片三在线观看| 中文字幕精品—区二区| 热草久综合在线|