javascript 函数式编程

Posted 小师叔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 函数式编程相关的知识,希望对你有一定的参考价值。

简介

一直不理解函数式编程,其实就像deeplearning 一样 知难行易。一般人使用的多的,不会太难;

Example

    function SimpleWidget(spec) {
        var instance = {}; // <-- A

        var headline, description; // <-- B

        instance.render = function () {
            var div = d3.select(‘body‘).append("div");

            div.append("h3").text(headline); // <-- C

            div.attr("class", "box")
               .attr("style", "color:" + spec.color) // <-- D
               .append("p")
                   .text(description); // <-- E

            return instance; // <-- F
        };

        instance.headline = function (h) {
            if (!arguments.length) return headline; // <-- G
            headline = h;
            return instance; // <-- H
        };

        instance.description = function (d) {
            if (!arguments.length) return description;
            description = d;
            return instance;
        };

        return instance; // <-- I
    }// 逻辑上是  一个返回对象的函数 简称: 函数式编程 

    var widget = SimpleWidget({color: "#6495ed"})
            .headline("Simple Widget")// 返回对象之后然后对对象中的一些元素赋值
            .description("This is a simple widget demonstrating functional javascript.");
    widget.render();// 绘制

以上是关于javascript 函数式编程的主要内容,如果未能解决你的问题,请参考以下文章

javascript函数式编程简单介绍

解析:JavaScript中的函数式编程

函数式编程

玩转 JavaScript 面试:何为函数式编程?

JavaScript函数式编程

《JavaScript函数式编程思想》——从面向对象到函数式编程