JavaScript中String.prototype用法實例

更新時間：2015年05月20日 16:19:39 作者：kxm371

這篇文章主要介紹了JavaScript中String.prototype用法,實例分析了prototype的功能及使用技巧,需要的朋友可以參考下

本文實例講述了JavaScript中String.prototype用法。分享給大家供大家參考。具體如下：

// 返回字符的長度，一個中文算2個
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, "");
}
// 判斷字符串是否以指定的字符串開始
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)部對象, 如 String, Math 等再添加其它屬性和方法的技巧. 對于任何的內(nèi)部對象和自定義對象, 你都也可以通過 prototype 來重載其下的屬性和方法. 那么在調(diào)用執(zhí)行時, 它將調(diào)用你所定義的方法和屬性. 下面是示例:

// 為內(nèi)部 String 對象添加方法
String.prototype.myMethod = function(){
 return "my define method";
}
// 為內(nèi)部 String 對象重載方法
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)部對的 prototype 屬性都是只讀的. 你可以像上面那樣為內(nèi)部對象的原型添加或重載屬性和方法，但不能更改該內(nèi)部對象的 prototype 原型. 然而, 自定義對象可以被賦給新的原型. 也就是說, 像下面這樣做是沒有意思的.

function Employee() {
 this.dept = "HR";
 this.manager = "John Johnson";
}
String.prototype = new Employee;
var myString = new String("foo");

上面的程序在運行之后不會報錯, 但顯然, 如果你調(diào)用 myString.dept 將會得到一個非定義的值.

另外, 一個經(jīng)常使用的是 prototype 下的 isPrototypeOf() 方法, 它主要用來判斷指定對象是否存在于另一個對象的原型鏈中. 語法如下:

object1.prototype.isPrototypeOf(0bject2);

上面的格式是用來判斷 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();

當執(zhí)行 Employee.prototype.isPrototypeOf(Ken), Person.prototype.isPrototypeOf(Ken) 和 Object.prototype.isPrototypeOf(Ken) 時, 結(jié)果都會返回 true.

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章: