JavaScript中String.prototype用法实例

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

本文实例讲述了JavaScript中String.prototype用法。分享给大家供大家参考。具体如下：

1. // 返回字符的长度，一个中文算2个 
2. String.prototype.ChineseLength=function() 
3. {  
4. return this.replace(/[^/x00-/xff]/g,"**").length; 
5. } 
6. // 判断字符串是否以指定的字符串结束 
7. String.prototype.EndsWith = function(str)  
8. { 
9. return this.substr(this.length - str.length) == str; 
10. } 
11. // 去掉字符左端的的空白字符 
12. String.prototype.LeftTrim = function() 
13. { 
14. return this.replace(/(^[//s]*)/g, ""); 
15. } 
16. // 去掉字符右端的空白字符 
17. String.prototype.RightTrim = function() 
18. { 
19. return this.replace(/([//s]*$)/g, ""); 
20. } 
21. // 判断字符串是否以指定的字符串开始 
22. String.prototype.StartsWith = function(str)  
23. { 
24. return this.substr(0, str.length) == str; 
25. } 
26. // 去掉字符两端的空白字符 
27. String.prototype.Trim = function() 
28. { 
29. return this.replace(/(^/s*)|(/s*$)/g, ""); 
30. } 

这就是我们经常看到的为内部对象, 如 String, Math 等再添加其它属性和方法的技巧. 对于任何的内部对象和自定义对象, 你都也可以通过 prototype 来重载其下的属性和方法. 那么在调用执行时, 它将调用你所定义的方法和属性. 下面是示例:

1. // 为内部 String 对象添加方法 
2. String.prototype.myMethod = function(){ 
3. return "my define method"; 
4. } 
5. // 为内部 String 对象重载方法 
6. String.prototype.toString = function(){ 
7. return "my define toString method"; 
8. } 
9. var myObj = new String("foo"); 
10. alert(myObj.myMethod()); 
11. alert(myObj); 
12. alert("foo".toString()); 

另外需要注意的是, 所有 JavaScript 内部对的 prototype 属性都是只读的. 你可以像上面那样为内部对象的原型添加或重载属性和方法，但不能更改该内部对象的 prototype 原型. 然而, 自定义对象可以被赋给新的原型. 也就是说, 像下面这样做是没有意思的.

1. function Employee() { 
2. this.dept = "HR"; 
3. this.manager = "John Johnson"; 
4. } 
5. String.prototype = new Employee; 
6. var myString = new String("foo"); 

上面的程序在运行之后不会报错, 但显然, 如果你调用 myString.dept 将会得到一个非定义的值.

另外, 一个经常使用的是 prototype 下的 isPrototypeOf() 方法, 它主要用来判断指定对象是否存在于另一个对象的原型链中. 语法如下:

1. object1.prototype.isPrototypeOf(0bject2); 

上面的格式是用来判断 Object2 是否出现 Object1 的原型链中. 示例如下:

1. function Person() { 
2. this.name = "Rob Roberson"; 
3. this.age = 31; 
4. } 
5. function Employee() { 
6. this.dept = "HR"; 
7. this.manager = "John Johnson"; 
8. } 
9. Employee.prototype = new Person(); 
10. var Ken = new Employee(); 

当执行 Employee.prototype.isPrototypeOf(Ken), Person.prototype.isPrototypeOf(Ken) 和 Object.prototype.isPrototypeOf(Ken) 时, 结果都会返回 true.

希望本文所述对大家的javascript程序设计有所帮助。