JavaScript中String.prototype用法實(shí)例
本文實(shí)例講述了JavaScript中String.prototype用法。分享給大家供大家參考。具體如下:
// 返回字符的長(zhǎng)度,一個(gè)中文算2個(gè) String.prototype.ChineseLength=function() { return this.replace(/[^\x00-\xff]/g,"**").length; } // 判斷字符串是否以指定的字符串結(jié)束 String.prototype.EndsWith = function(str) { return this.substr(this.length - str.length) == str; } // 去掉字符左端的的空白字符 String.prototype.LeftTrim = function() { return this.replace(/(^[\\s]*)/g, ""); } // 去掉字符右端的空白字符 String.prototype.RightTrim = function() { return this.replace(/([\\s]*$)/g, ""); } // 判斷字符串是否以指定的字符串開(kāi)始 String.prototype.StartsWith = function(str) { return this.substr(0, str.length) == str; } // 去掉字符兩端的空白字符 String.prototype.Trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); }
這就是我們經(jīng)??吹降臑閮?nèi)部對(duì)象, 如 String, Math 等再添加其它屬性和方法的技巧. 對(duì)于任何的內(nèi)部對(duì)象和自定義對(duì)象, 你都也可以通過(guò) prototype 來(lái)重載其下的屬性和方法. 那么在調(diào)用執(zhí)行時(shí), 它將調(diào)用你所定義的方法和屬性. 下面是示例:
// 為內(nèi)部 String 對(duì)象添加方法 String.prototype.myMethod = function(){ return "my define method"; } // 為內(nèi)部 String 對(duì)象重載方法 String.prototype.toString = function(){ return "my define toString method"; } var myObj = new String("foo"); alert(myObj.myMethod()); alert(myObj); alert("foo".toString());
另外需要注意的是, 所有 JavaScript 內(nèi)部對(duì)的 prototype 屬性都是只讀的. 你可以像上面那樣為內(nèi)部對(duì)象的原型添加或重載屬性和方法,但不能更改該內(nèi)部對(duì)象的 prototype 原型. 然而, 自定義對(duì)象可以被賦給新的原型. 也就是說(shuō), 像下面這樣做是沒(méi)有意思的.
function Employee() { this.dept = "HR"; this.manager = "John Johnson"; } String.prototype = new Employee; var myString = new String("foo");
上面的程序在運(yùn)行之后不會(huì)報(bào)錯(cuò), 但顯然, 如果你調(diào)用 myString.dept 將會(huì)得到一個(gè)非定義的值.
另外, 一個(gè)經(jīng)常使用的是 prototype 下的 isPrototypeOf() 方法, 它主要用來(lái)判斷指定對(duì)象是否存在于另一個(gè)對(duì)象的原型鏈中. 語(yǔ)法如下:
object1.prototype.isPrototypeOf(0bject2);
上面的格式是用來(lái)判斷 Object2 是否出現(xiàn) Object1 的原型鏈中. 示例如下:
function Person() { this.name = "Rob Roberson"; this.age = 31; } function Employee() { this.dept = "HR"; this.manager = "John Johnson"; } Employee.prototype = new Person(); var Ken = new Employee();
當(dāng)執(zhí)行 Employee.prototype.isPrototypeOf(Ken), Person.prototype.isPrototypeOf(Ken) 和 Object.prototype.isPrototypeOf(Ken) 時(shí), 結(jié)果都會(huì)返回 true.
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
javascript的創(chuàng)建多行字符串的7種方法
多行字符串的作用是用來(lái)提高源代碼的可讀性.尤其是當(dāng)你處理預(yù)定義好的較長(zhǎng)字符串時(shí),把這種字符串分成多行書(shū)寫(xiě)更有助于提高代碼的可讀性和可維護(hù)性.在一些語(yǔ)言中,多行字符串還可以用來(lái)做代碼注釋. 大部分動(dòng)態(tài)腳本語(yǔ)言都支持多行字符串,比如Python, Ruby, PHP. 但Javascript呢?2014-04-04JavaScript實(shí)現(xiàn)簡(jiǎn)易加法計(jì)算器
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易加法計(jì)算器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03JavaScript中防抖和節(jié)流的原理和區(qū)別詳解
JavaScript 中,防抖和節(jié)流是一種用于優(yōu)化事件處理函數(shù)調(diào)用頻率的技術(shù),防抖和節(jié)流的目的都是為了避免頻繁地觸發(fā)事件處理函數(shù),從而減少瀏覽器和服務(wù)器的負(fù)擔(dān),本文將給大家介紹一下JavaScript中防抖和節(jié)流的原理和區(qū)別,需要的朋友可以參考下2023-09-09讓 JavaScript 輕松支持函數(shù)重載 (Part 2 - 實(shí)現(xiàn))
在上一篇文章里,我們?cè)O(shè)計(jì)了一套能在JavaScript中描述函數(shù)重載的方法,這套方法依賴于一個(gè)叫做Overload的靜態(tài)類(lèi),現(xiàn)在我們就來(lái)看看如何實(shí)現(xiàn)這個(gè)靜態(tài)類(lèi)。2009-08-08前端面試知識(shí)點(diǎn)錦集(JavaScript篇)
這篇文章主要為大家分享了前端面試知識(shí)點(diǎn)錦集JavaScript篇,細(xì)致的給出了每個(gè)js面試知識(shí)點(diǎn)的答案,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12JS實(shí)現(xiàn)簡(jiǎn)單的二元方程計(jì)算器功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單的二元方程計(jì)算器功能,涉及javascript數(shù)學(xué)運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2017-01-01