HighCharts源码学习---扩展函数wrap和扩展对象 extendClass

最新推荐文章于 2022-07-28 14:40:20 发布

cwzhsi

最新推荐文章于 2022-07-28 14:40:20 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： Highcharts wrap parseInt extendClass

本文链接：https://blog.csdn.net/cwzhsi/article/details/50412285

JS 专栏收录该内容

51 篇文章

订阅专栏

本文详细探讨了Highcharts库中的关键扩展技术，包括wrap函数用于在不改变原有功能的基础上扩展原函数，以及extendClass方法用于创建继承自已有对象的新类。通过这两个工具，开发者能够更加灵活地定制和增强Highcharts图表的功能。

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

Highcharts.wrap在原函数的基础上扩展原函数

 /**
     * Wrap a method with extended functionality, preserving the original function
     * @param {Object} obj The context object that the method belongs to
     * @param {String} method The name of the method to extend
     * @param {Function} func A wrapper function callback. This function is called with the same arguments
     * as the original function, except that the original function is unshifted and passed as the first
     * argument.
     */

var wrap = Highcharts.wrap = function (obj, method, func) {
     //备份原函数
     var proceed = obj[method];
     obj[method] = function() {
     	//拷贝一份实参
     	var args = Array.prototype.slice.call(arguments);
     	//将原函数的引用放到第一个入参
     	args.unshift(proceed);
     	//保持上下文调用func
     	func.call(this, args);
     }

利用wrap重新封装parseInt()

  wrap(window, parseInt, function(proceed, str, scale) {
     	if(typeof str === 'number') return proceed.call(this, str);

     	var hexChars = 'abcdef', decChars = '9';
     	var hasHex = false,hasDec = false,i = 0, len = str.length;

     	if(!scale) {
     		if(str.charAt(0) === '0') {
     			if(str.charAt(1) === 'x') {
     				return proceed.call(this, str, 16);
     			}
     			else {
     				for(i = 0;i < len; i++) {
     					var char  = str.charAt(i).toLowerCase();
     					if(hexChars.indexOf(char) > -1) hasHex = true;
     					if(decChars.indexOf(char) > -1) hasDec = true;
     				}
     			}
     			if(hasHex) {
     				return procced.call(this, str, 16);
     			}else if(hasDec) {
     				return procced.call(this, str, 10);
     			} else {
     				return procced.call(this, str, 8);
     			}
     		}

     		return procced.call(this, str, 10);
     	}

     })

Highcharts扩展原型对象

 /**
     * Extend a prototyped class by new members
     * @param {Object} parent
     * @param {Object} members
     */
    function extendClass(Parent, members) {
        var object = function () {
        };
        object.prototype = new Parent();
        extend(object.prototype, members);
        return object;
    }