Changing the reference of a js function's argument











up vote
2
down vote

favorite












Lately I write react-redux apps and as a react developer I write pure, functional and predictable code. Even though I do like the experience I've got a doubt whether my code is still handsome or not.



So I have a tree in my state and I need to update a bunch of nodes in the tree. Let's say the tree's API provides a pure method pureUpdate(path, newNode, tree) => newTree which return new tree with the node updated. In ths case my reducer method might look like



function updateNodes(tree, updateRules) {
updateRules.forEach(updateRule => {
const { path, node } = updateRule;
tree = pureUpdate(path, node, tree);
});
return tree;
}


But I'm not sure if it's the best could be done.



The first thing which looks nasty is tree = pureUpdate(path, node, tree);. It looks like mutating a parameter, which is discouraged, but I am just reassigning
the reference, ain't I? It's explained here in the second part of the answer. But although this trick might be ok, in this discussion said that such code might be unoptimized and reassigning parameters might cause performance issues (more info with examples). The simplest fix occured to me is to use an extra variable which will be a clone of the tree.



function updateNodes(tree, updateRules) {
let newTree = someCloneFunc(tree);
updateRules.forEach(updateRule => {
const { path, node } = updateRule;
newTree = pureUpdate(path, node, newTree);
});
return newTree;
}


The question is if I don't miss anything and my code is still pure, handsome and will not cause any issues.










share|improve this question




















  • 2




    If you want to do purely functional programming, never use forEach.
    – Bergi
    2 days ago

















up vote
2
down vote

favorite












Lately I write react-redux apps and as a react developer I write pure, functional and predictable code. Even though I do like the experience I've got a doubt whether my code is still handsome or not.



So I have a tree in my state and I need to update a bunch of nodes in the tree. Let's say the tree's API provides a pure method pureUpdate(path, newNode, tree) => newTree which return new tree with the node updated. In ths case my reducer method might look like



function updateNodes(tree, updateRules) {
updateRules.forEach(updateRule => {
const { path, node } = updateRule;
tree = pureUpdate(path, node, tree);
});
return tree;
}


But I'm not sure if it's the best could be done.



The first thing which looks nasty is tree = pureUpdate(path, node, tree);. It looks like mutating a parameter, which is discouraged, but I am just reassigning
the reference, ain't I? It's explained here in the second part of the answer. But although this trick might be ok, in this discussion said that such code might be unoptimized and reassigning parameters might cause performance issues (more info with examples). The simplest fix occured to me is to use an extra variable which will be a clone of the tree.



function updateNodes(tree, updateRules) {
let newTree = someCloneFunc(tree);
updateRules.forEach(updateRule => {
const { path, node } = updateRule;
newTree = pureUpdate(path, node, newTree);
});
return newTree;
}


The question is if I don't miss anything and my code is still pure, handsome and will not cause any issues.










share|improve this question




















  • 2




    If you want to do purely functional programming, never use forEach.
    – Bergi
    2 days ago















up vote
2
down vote

favorite









up vote
2
down vote

favorite











Lately I write react-redux apps and as a react developer I write pure, functional and predictable code. Even though I do like the experience I've got a doubt whether my code is still handsome or not.



So I have a tree in my state and I need to update a bunch of nodes in the tree. Let's say the tree's API provides a pure method pureUpdate(path, newNode, tree) => newTree which return new tree with the node updated. In ths case my reducer method might look like



function updateNodes(tree, updateRules) {
updateRules.forEach(updateRule => {
const { path, node } = updateRule;
tree = pureUpdate(path, node, tree);
});
return tree;
}


But I'm not sure if it's the best could be done.



The first thing which looks nasty is tree = pureUpdate(path, node, tree);. It looks like mutating a parameter, which is discouraged, but I am just reassigning
the reference, ain't I? It's explained here in the second part of the answer. But although this trick might be ok, in this discussion said that such code might be unoptimized and reassigning parameters might cause performance issues (more info with examples). The simplest fix occured to me is to use an extra variable which will be a clone of the tree.



function updateNodes(tree, updateRules) {
let newTree = someCloneFunc(tree);
updateRules.forEach(updateRule => {
const { path, node } = updateRule;
newTree = pureUpdate(path, node, newTree);
});
return newTree;
}


The question is if I don't miss anything and my code is still pure, handsome and will not cause any issues.










share|improve this question















Lately I write react-redux apps and as a react developer I write pure, functional and predictable code. Even though I do like the experience I've got a doubt whether my code is still handsome or not.



So I have a tree in my state and I need to update a bunch of nodes in the tree. Let's say the tree's API provides a pure method pureUpdate(path, newNode, tree) => newTree which return new tree with the node updated. In ths case my reducer method might look like



function updateNodes(tree, updateRules) {
updateRules.forEach(updateRule => {
const { path, node } = updateRule;
tree = pureUpdate(path, node, tree);
});
return tree;
}


But I'm not sure if it's the best could be done.



The first thing which looks nasty is tree = pureUpdate(path, node, tree);. It looks like mutating a parameter, which is discouraged, but I am just reassigning
the reference, ain't I? It's explained here in the second part of the answer. But although this trick might be ok, in this discussion said that such code might be unoptimized and reassigning parameters might cause performance issues (more info with examples). The simplest fix occured to me is to use an extra variable which will be a clone of the tree.



function updateNodes(tree, updateRules) {
let newTree = someCloneFunc(tree);
updateRules.forEach(updateRule => {
const { path, node } = updateRule;
newTree = pureUpdate(path, node, newTree);
});
return newTree;
}


The question is if I don't miss anything and my code is still pure, handsome and will not cause any issues.







javascript redux functional-programming






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 19 at 14:41









MTCoster

2,08421737




2,08421737










asked Nov 19 at 12:12









user3272018

63331230




63331230








  • 2




    If you want to do purely functional programming, never use forEach.
    – Bergi
    2 days ago
















  • 2




    If you want to do purely functional programming, never use forEach.
    – Bergi
    2 days ago










2




2




If you want to do purely functional programming, never use forEach.
– Bergi
2 days ago






If you want to do purely functional programming, never use forEach.
– Bergi
2 days ago














1 Answer
1






active

oldest

votes

















up vote
3
down vote



accepted










If you're at all concerned about performance, I would not clone tree just to avoid reassigning a parameter.



While you can use forEach here and reassign the parameter, reduce is the correct functional abstraction for your use case, and it's generally a better and more useful abstraction than forEach since it can (and should) be used purely, whereas forEach is always about side effects.



A solution based on reduce makes the question of whether or not to clone and or reassign a function parameter completely moot, as well.



Here's a working reduce solution - no parameter reassignment, no forEach side effects and no reason to clone tree:



const updateNodes = (tree, updateRules) =>
updateRules.reduce(
(acc, { path, node }) => pureUpdate(path, node, acc),
tree // initialize acc (the accumulator)
)





share|improve this answer























    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














     

    draft saved


    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53374396%2fchanging-the-reference-of-a-js-functions-argument%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes








    up vote
    3
    down vote



    accepted










    If you're at all concerned about performance, I would not clone tree just to avoid reassigning a parameter.



    While you can use forEach here and reassign the parameter, reduce is the correct functional abstraction for your use case, and it's generally a better and more useful abstraction than forEach since it can (and should) be used purely, whereas forEach is always about side effects.



    A solution based on reduce makes the question of whether or not to clone and or reassign a function parameter completely moot, as well.



    Here's a working reduce solution - no parameter reassignment, no forEach side effects and no reason to clone tree:



    const updateNodes = (tree, updateRules) =>
    updateRules.reduce(
    (acc, { path, node }) => pureUpdate(path, node, acc),
    tree // initialize acc (the accumulator)
    )





    share|improve this answer



























      up vote
      3
      down vote



      accepted










      If you're at all concerned about performance, I would not clone tree just to avoid reassigning a parameter.



      While you can use forEach here and reassign the parameter, reduce is the correct functional abstraction for your use case, and it's generally a better and more useful abstraction than forEach since it can (and should) be used purely, whereas forEach is always about side effects.



      A solution based on reduce makes the question of whether or not to clone and or reassign a function parameter completely moot, as well.



      Here's a working reduce solution - no parameter reassignment, no forEach side effects and no reason to clone tree:



      const updateNodes = (tree, updateRules) =>
      updateRules.reduce(
      (acc, { path, node }) => pureUpdate(path, node, acc),
      tree // initialize acc (the accumulator)
      )





      share|improve this answer

























        up vote
        3
        down vote



        accepted







        up vote
        3
        down vote



        accepted






        If you're at all concerned about performance, I would not clone tree just to avoid reassigning a parameter.



        While you can use forEach here and reassign the parameter, reduce is the correct functional abstraction for your use case, and it's generally a better and more useful abstraction than forEach since it can (and should) be used purely, whereas forEach is always about side effects.



        A solution based on reduce makes the question of whether or not to clone and or reassign a function parameter completely moot, as well.



        Here's a working reduce solution - no parameter reassignment, no forEach side effects and no reason to clone tree:



        const updateNodes = (tree, updateRules) =>
        updateRules.reduce(
        (acc, { path, node }) => pureUpdate(path, node, acc),
        tree // initialize acc (the accumulator)
        )





        share|improve this answer














        If you're at all concerned about performance, I would not clone tree just to avoid reassigning a parameter.



        While you can use forEach here and reassign the parameter, reduce is the correct functional abstraction for your use case, and it's generally a better and more useful abstraction than forEach since it can (and should) be used purely, whereas forEach is always about side effects.



        A solution based on reduce makes the question of whether or not to clone and or reassign a function parameter completely moot, as well.



        Here's a working reduce solution - no parameter reassignment, no forEach side effects and no reason to clone tree:



        const updateNodes = (tree, updateRules) =>
        updateRules.reduce(
        (acc, { path, node }) => pureUpdate(path, node, acc),
        tree // initialize acc (the accumulator)
        )






        share|improve this answer














        share|improve this answer



        share|improve this answer








        edited Nov 19 at 19:22

























        answered Nov 19 at 17:58









        Tex

        1,3741327




        1,3741327






























             

            draft saved


            draft discarded



















































             


            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53374396%2fchanging-the-reference-of-a-js-functions-argument%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            android studio warns about leanback feature tag usage required on manifest while using Unity exported app?

            SQL update select statement

            'app-layout' is not a known element: how to share Component with different Modules