Home / Questions / 289848
Accepted
ASASCED
Asked: 2020-09-03 03:35:27 +0800 CST 2020-09-03 03:35:27 +0800 CST

Call functions with other functions

  • 772

Hello, I hope this question is not confusing, but how can I call 2 functions in a single line and that it depends on another? Example:

function().function();

It's kind of like what JQuery does. Example:

$('h1').text('Hola mundo!');

My problem is that I have no idea how to do that and my biggest attempt to do it was the following:

let auto = 0

function stTxt (color, backgroundColor) {
  document.onmouseup = function () {
    const element = document.createElement('span')
    element.setAttribute('id', `stElement${auto}`)
    window
      .getSelection()
      .getRangeAt(0)
      .surroundContents(element)
    const selectedElement = document.getElementById(`stElement${auto}`)
    selectedElement.style.color = color
    selectedElement.style.backgroundColor = backgroundColor
    auto++

    function stSize (fontSize) {
      const elementSpan = document.getElementById(`stElement${auto}`)
      elementSpan.style.fontSize = fontSize
    }
  }
}

The problem with this is that by putting the functions like this, they would only be called in the following way according to the official javascript documentation:

function()();

The reason why I want to do this is that the second function I want to be only optional for the user but as you can see this function directly depends on the previous one because I would like to add more functionality to the main function if required.

javascript

1 Answers

  1. Best Answer

    It can be done in many ways, one of them is to return an object:

    function funcion1() {

  const val = "valor de funcion 1";

  const funcion2 = () => {
    console.log(val+" valor de funcion dos");
  }
  const funcion3 = () => {
    console.log(val+" valor de funcion tres");
  }
  const funcion4 = () => {
    console.log(val+" valor de funcion cuatro");
  }

  return {
    funcion2: funcion2,
    funcion3: funcion3,
    funcion4: funcion4
  }

}

funcion1().funcion2();
funcion1().funcion3();
funcion1().funcion4();

    • 10