ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript 型にメソッド インスタンスを追加する方法の詳細な説明

JavaScript 型にメソッド インスタンスを追加する方法の詳細な説明

伊谢尔伦
伊谢尔伦オリジナル
2017-07-25 10:51:001743ブラウズ

型にメソッドを追加する
JavaScript では、基本型にメソッドを追加できます。例: ブール値、文字列、数値
例: Function にメソッド関数を追加し、他のカスタム関数を Function に追加します (プロトタイプの使用は避けてください)。その後、メソッド関数を使用して add 関数を Function に追加し、最後に add 関数をテストしますFunctionには存在します。このメソッドは、func 関数を Function に追加し、それに name を付けます。次に、Function オブジェクトを返します

Function.prototype.method = function(name, func){
    // 避免覆盖已有的方法
    if(!this.prototype[name]){
        this.prototype[name] = func;
    }
    return this;
};
// 通过Function.method方法添加一个加法函数到Function,该函数的名称为“add”
Function.method("add", function(a, b){
    if(typeof a != 'number' || typeof b != 'number'){
        throw {
            'name'  : "typeError",
            'message' : "add方法必须传入数字"
        };
    }
    return a + b;
});
// 调用Function的add方法是否存在
(function(){
    try{
        alert(Function.add(1, 3)); // 输出:4
    } catch(e){
        if(e.name === 'typeError'){
            alert(e.message);
        }
    }
})();
// 去除字符串两端的空白
String.method("trim", function(){
    return this.replace(/^\s+|\s+$/g, '');
});
alert('|' + "   hello world     ".trim() + '|'); // 输出: '|hello world|'
// 添加数字的取整函数
Number.method("integer", function(){
    // 可以通过此种方式调用函数,如:Math.random() == Math['random']() == Math["random"]()
    return Math[this < 0 ? &#39;ceil&#39; : &#39;floor&#39;](this);
});
alert((-10 / 3).integer()); // 输出:-3

以上がJavaScript 型にメソッド インスタンスを追加する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。