這篇文章主要介紹了JavaScript中String.prototype用法,實例分析了prototype的功能及使用技巧,需要的朋友可以參考下
本文實例講述了JavaScript中String.prototype用法。分享給大家供大家參考。具體如下:
- // 返回字符的長度,一個中文算2個
- String.prototype.ChineseLength=function()
- {
- return this.replace(/[^/x00-/xff]/g,"**").length;
- }
- // 判斷字符串是否以指定的字符串結束
- 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, "");
- }
這就是我們經??吹降臑閮炔繉ο? 如 String, Math 等再添加其它屬性和方法的技巧. 對于任何的內部對象和自定義對象, 你都也可以通過 prototype 來重載其下的屬性和方法. 那么在調用執行時, 它將調用你所定義的方法和屬性. 下面是示例:
- // 為內部 String 對象添加方法
- String.prototype.myMethod = function(){
- return "my define method";
- }
- // 為內部 String 對象重載方法
- String.prototype.toString = function(){
- return "my define toString method";
- }
- var myObj = new String("foo");
- alert(myObj.myMethod());
- alert(myObj);
- alert("foo".toString());
另外需要注意的是, 所有 JavaScript 內部對的 prototype 屬性都是只讀的. 你可以像上面那樣為內部對象的原型添加或重載屬性和方法,但不能更改該內部對象的 prototype 原型. 然而, 自定義對象可以被賦給新的原型. 也就是說, 像下面這樣做是沒有意思的.
- function Employee() {
- this.dept = "HR";
- this.manager = "John Johnson";
- }
- String.prototype = new Employee;
- var myString = new String("foo");
上面的程序在運行之后不會報錯, 但顯然, 如果你調用 myString.dept 將會得到一個非定義的值.
另外, 一個經常使用的是 prototype 下的 isPrototypeOf() 方法, 它主要用來判斷指定對象是否存在于另一個對象的原型鏈中. 語法如下:
- object1.prototype.isPrototypeOf(0bject2);
上面的格式是用來判斷 Object2 是否出現 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();
當執行 Employee.prototype.isPrototypeOf(Ken), Person.prototype.isPrototypeOf(Ken) 和 Object.prototype.isPrototypeOf(Ken) 時, 結果都會返回 true.
希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答
圖片精選