首页 > 编程笔记 > JavaScript笔记 > JS函数 阅读:1,310

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('下划线字'));

编程帮,一个分享编程知识的公众号。跟着站长一起学习,每天都有进步。

通俗易懂,深入浅出,一篇文章只讲一个知识点。

文章不深奥,不需要钻研,在公交、在地铁、在厕所都可以阅读,随时随地涨姿势。

文章不涉及代码,不烧脑细胞,人人都可以学习。

当你决定关注「编程帮」,你已然超越了90%的程序员!

编程帮二维码
微信扫描二维码关注

所有教程

优秀文章