>웹 프론트엔드 >JS 튜토리얼 >JavaScript 유형에 메소드 인스턴스를 추가하는 방법에 대한 자세한 설명

JavaScript 유형에 메소드 인스턴스를 추가하는 방법에 대한 자세한 설명

伊谢尔伦
伊谢尔伦원래의
2017-07-25 10:51:001761검색

유형에 메소드 추가
JavaScript를 사용하면 기본 유형에 메소드를 추가할 수 있습니다. 예: boolean, string, Number
예: Function에 다른 사용자 정의 함수를 추가하는(프로토타입 사용 방지) Function에 메소드 함수를 추가한 다음, 메소드 함수를 사용하여 Function에 add 함수를 추가하고 마지막으로 add 함수를 테스트합니다. 그것은 Function에 존재합니다. 이 메서드는 func 함수를 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.