返回函数的JavaScript函数

r囧r小猫 2021-06-24 14:34 457阅读 0赞

转自：[http://www.webhek.com/return-javascript-functions][http_www.webhek.com_return-javascript-functions]

假设你有一个对象，包含有两个子对象，它们都有`get`方法，这两个方法非常相似，稍有不同：

var accessors = {
    	sortable: {
    		get: function() {
    			return typeof this.getAttribute('sortable') != 'undefined';
    		}
    	},
    	droppable: {
    		get: function() {
    			return typeof this.getAttribute('droppable') != 'undefined';
    		}
    	}
    };

重复的代码不是一个好的现象，所以我们要创建一个外部函数，接受一个属性名称：

function getAttribute(attr) {
    	return typeof this.getAttribute(attr) != 'undefined';
    }
    
    var accessors = {
    	sortable: {
    		get: function() {
    			return getAttribute('sortable');
    		}
    	},
    	droppable: {
    		get: function() {
    			return getAttribute('droppable');
    		}
    	}
    };

这样好多了，但仍不完美，因为还是有些多余的部分，更好的方法是要让它直接返回最终需要的函数——这样能消除多余的函数执行：

function generateGetMethod(attr) {
    	return function() {
    		return typeof this.getAttribute(attr) != 'undefined';
    	};
    }
    
    var accessors = {
    	sortable: {
    		get: generateGetMethod('sortable')
    	},
    	droppable: {
    		get: generateGetMethod('droppable')
    	}
    };
    
    /* 它跟最初的方法是完全等效的：*/
    
    var accessors = {
    	sortable: {
    		get: function() {
    			return typeof this.getAttribute('sortable') != 'undefined';
    		}
    	},
    	droppable: {
    		get: function() {
    			return typeof this.getAttribute('droppable') != 'undefined';
    		}
    	}
    };
    
    */

上面你看到的就是一个返回函数的函数；每个子对象里都有了自己的`get`方法，但却去掉了多余的函数嵌套执行过程。

这是一种非常有用的技术，能帮你消除重复相似的代码，如果使用的恰当，能让你的代码更可读，更易维护！

[http_www.webhek.com_return-javascript-functions]: http://www.webhek.com/return-javascript-functions

发表评论取消回复

表情：

评论列表（有 0 条评论，457人围观）

还没有评论，来说两句吧...

相关阅读

相关 javaScript中函数无返回值时，函数默认返回undefined

javaScript中函数无返回值时，函数默认返回undefined 看如下代码： //函数有返回值 function fn1(){ var ho

本是古典何须时尚/ 2022年10月23日 08:12/ 0 赞/ 127 阅读

相关 JavaScript高阶函数——函数当参数、返回值、其他成员

文章目录函数的其它成员高阶函数作为参数作为参数案例：作为返回值

不念不忘少年蓝@/ 2022年10月21日 03:51/ 0 赞/ 173 阅读

相关 JavaScript 函数返回值

JavaScript定义带返回值的函数有两种方法： 1. 用var function\_name = function()\{\}方式定义，示例如下: // 这种方

今天药忘吃喽~/ 2022年08月06日 05:17/ 0 赞/ 216 阅读

相关 javascript.全局函数.函数的重载

js的全局函数 \由于不属于任何一个对象，直接写名称使用 \\ eval() ：执行js代码（如果字符串是一个js代码，使用方法直接执行） \\ var str

雨点打透心脏的1/2处/ 2022年06月04日 04:38/ 0 赞/ 174 阅读

相关 JavaScript的函数

函数是原生对象可以使用new完成对象的实例化。此方式效率低下，不建议使用。 ![这里写图片描述][70] 函数是一等公民可以完成功能（C

Dear 丶/ 2022年05月19日 03:42/ 0 赞/ 112 阅读

相关 JavaScript---函数，基本介绍，函数写法，有无参数有无返回值函数。

一、函数写法 function 函数名（）\{ //函数体 \} var 变量名=function （）\{ //函数名 \} 函数：封装性，把重复代码

ゝ一世哀愁。/ 2022年04月23日 00:26/ 0 赞/ 184 阅读

相关 JavaScript函数的返回值

函数的返回值 > 当函数执行完的时候，并不是所有时候都要把结果打印。我们期望函数给我一些反馈（比如计算的结果返回进行后续的运算），这个时候可以让函数返回一些东西。也就是返回值

青旅半醒/ 2022年01月27日 11:15/ 0 赞/ 289 阅读

相关 Python连载17-排序函数&返回函数的函数

一、高阶函数-排序 1.定义：把一个序列按照给定算法进行排序 2.key：在排序前对每一个元素进行key函数运算，可以理解成按照key函数定义的逻辑进行排序 3.pyth

雨点打透心脏的1/2处/ 2021年12月12日 12:49/ 0 赞/ 235 阅读

相关 python的返回函数

函数作为返回值高阶函数除了可以接受函数作为参数外，还可以把函数作为结果值返回。我们来实现一个可变参数的求和。通常情况下，求和的函数是这样定义的： def

左手的ㄟ右手/ 2021年11月27日 02:16/ 0 赞/ 277 阅读

相关返回函数的JavaScript函数

转自：[http://www.webhek.com/return-javascript-functions][http_www.webhek.com_return-javasc

r囧r小猫/ 2021年06月24日 14:34/ 0 赞/ 458 阅读