javascript --- 原型初探七日谈（二）

最新推荐文章于 2025-08-23 02:53:08 发布

转载最新推荐文章于 2025-08-23 02:53:08 发布 · 69 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/beyond-succeed/p/5819974.html

文章标签：

#javascript #ViewUI

本文介绍了如何通过扩展JavaScript内建对象来实现自定义方法，包括数组的inArray方法及字符串的reverse方法，并提供了检查方法是否已存在的建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

扩展内建对象:

在javascript中，内建对象的构造函数都是可以通过其原型来进行扩展的。这意味着我们可以做一些事情，例如我们要往数组原型中添加一个新方法，就可以在其所有的数组中使用，下面我们来试试看。

我们要向数组原型中添加一个用于查询数组中是否存在某个特定的值，类似于indexOf();

Array.prototype.inArray = function(a){
    for(var i=0,len=this.length;i<len.length;i++){
        if(this[i] === a){
            return true;
        }
    }
    return false;
}

现在，所有数组对象都拥有inArray方法了，我们来试一下：

var arr = ['Anna', 'Jok', 'Yan'];
arr.inArray('Anna');  // true
arr.inArray('aaa'); // false

再来一个，假设我们需要一个反转字符串的功能，毕竟数组Array有一个reverse()方法，那么给字符串也来一个吧：

String.prototype.reserve = function(){
     return Array.prototype.reverse.apply(this.spilt('')).join('');
}
'abcdefg'.reserve();  // gfedcba;

她们真是个好方法，功能很强大，但是有点吓人。

值得注意的是，当您用自定义方法扩展的时候，首先应该检查该方法是不是已经存在。再说现在浏览器更新速度辣么快，下面一个例子应该可以避免这种事发生吧：

if(typeof String.prototype.trim !===  'function'){
    String.prototype.trim = function(){
        return this.replace(/^\s/)
    }
}

就是如此之类的方法。。。 如果您想为某个原型添加自定义属性，请务必检测这个属性是否已经存在！！！

转载于:https://www.cnblogs.com/beyond-succeed/p/5819974.html