JS偏函数

偏函数是 JS 函数柯里化运算的一种特定应用场景。简单描述,就是把一个函数的某些参数先固化,也就是设置默认值,返回一个新的函数,在新函数中继续接收剩余参数,这样调用这个新函数会更简单。

示例1

下面是一个类型检测函数,接收两个参数,第 1 个表示类型字符串,第 2 个表示检测的数据。

var isType = function (type, obj) {  //偏函数
    return Object.prototype.toString.call(obj) == '[object ' + type + ']';
}

该函数包含两个设置参数,使用时比较繁琐。一般常按以下方式进行设计。

var isString = function (obj) {
    return Object.prototype.toString.call(obj) == '[object  String]';
};
var isFunction = function (obj) {
    return Object.prototype.toString.call(obj) == '[object  Function]';
};

函数接收的参数单一,检测的功能也单一和明确,这样更便于在表达式运算中有针对性的调用。下面对 isType() 函数进行扁平化设计,代码如下:

var isType = function (type) {
    return function (obj) {
        return Object.prototype.toString.call(obj) == '[object ' + type + ']';
    }
}

然后根据 JS 偏函数获取不同类型检测函数。

var isString = isType("String");  //专一功能检测函数,检测字符串
var isFunction = isType("Function");  //专一功能检测函数,检测字符串

应用代码如下:

console.log(isString("12"));  //true
console.log(isFunction(function () {}));  //true
console.log(isFunction({}));  //false

示例2

下面示例设计一个 wrap() 偏函数,该函数的主要功能是产生一个 HTML 包裹函数,即样式标签。

function wrap(tag) {
    var stag = '<' + tag + '>';
    var etag = '</' + tag.replace(/s.*/, '') + '>';
    return function(x) {
        return stag + x + etag;
    }
}
var b = wrap('b');
document.write(b('粗体字'));
var i = wrap('i');
document.write(i('斜体字'));
var u = wrap('u');
document.write(u('下划线字'));

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/23157.html

(0)
上一篇 2021年7月20日
下一篇 2021年7月20日

相关推荐

发表回复

登录后才能评论