Breaking News: Grepper is joining You.com. Read the official announcement!

functional programming techniques

Add Answer

Deepika Sahu answered on November 21, 2020 Popularity 10/10 Helpfulness 1/10

answer functional programming techniques

related what is functional programming

related functional programming

related Functional Programing

functional programming techniques

Comment

7 Functional Programming Techniques for JavaScript Developers
Pure functions. Pure functions return the same result if we send the same parameters. ...
Avoid procedural loops. A distinctive feature of pure functional programming is immutability. ...
Function chaining. ...
Currying. ...
Partial application. ...
Composition. ...
Recursion.

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: functional-programming javascript

Link to this answer
Share Copy Link

Contributed on Dec 29 2022

Deepika Sahu

0 Answers Avg Quality 2/10

Closely Related Answers

what is functional programming

Comment

By respecting these restrictions, 
FP aims to write code that is clearer to understand and more bug resistant. 
This is achieved by avoiding using flow-control statements 
(for, while, break, continue, goto) which make the code harder to follow. 
 requires us to 
write pure, deterministic 
functions which are less likely to be buggy.

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Nov 21 2020

Pink Person

0 Answers Avg Quality 2/10

functional programming

Comment

const FLAGS = {
  minLength: 'MIN-LENGTH',
  hasDigit: 'HAS-DIGIT',
}

// Function that handles validation
const validate = (value, flag, validatorValue) => {
  switch(flag){
    case FLAGS.minLength:
      return value.trim().length >= validatorValue

    case FLAGS.hasDigit:
      return !!value.match(/[0-9]/)
  }
}

// Function that sets submit handler
const setFormSubmitHandler = (formId, onSubmit) => {
  const form = document.getElementById(formId)
  form.addEventListener('submit', onSubmit)
}

// Function that returns values of required fields as object
// In this case it will return {username: "<value>", password: "<value>"}
// It might look scary but keep in mind that it's completely reusable
const getFormValues = (e, ...fields) => {
  const values = Object.entries(e.target.elements)
  const filteredValues = values.filter(([key]) => fields.includes(key))
  return filteredValues.reduce(
    (acc, [key, { value }]) => ({ ...acc, [key]: value }),
    {}
  )
}

// Function that creates valid user
const createUser = (username, password) => {
  if (!validate(username, FLAGS.minLength, 3))
    throw new Error('Username must be at least 3 characters long')
  if (!validate(password, FLAGS.hasDigit))
    throw new Error('Password must contain at least one digit')

  return { username, password }
}

// Function that creates logger object with *logs* and *showAlert* function
const logger = (() => {
  const logs = []
  return {
    logs,
    showAlert: message => {
      logs.push(message)
      alert(message)
    },
  }
})()

// Main function
const handleSubmit = e => {
  e.preventDefault()
  const { username, password } = getFormValues(e, 'username', 'password')

  try {
    const user = createUser(username, password)
    console.log(user)
    console.log(logger.logs)
  } catch (error) {
    logger.showAlert(error)
  }
}

setFormSubmitHandler('user-form', handleSubmit)

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: dev.to

Tags: functional-programming functional-p

Link to this answer
Share Copy Link

Contributed on Sep 17 2022

os 2 PATETAS

0 Answers Avg Quality 2/10

Functional Programing

Comment

//Task 1: Build a function-based console log message generator
function consoleStyler(color, background, fontSize, txt) {
    var message = "%c" + txt;
    var style = `color: ${color};`;
    style += `background: ${background};`;
    style += `font-size: ${fontSize};`;

    console.log(message, style);
    
}

// Task 2: Build another console log message generator
function celebrateStyler(reason) {
    fontStyle = "color: tomato; font-size: 50px";
    if (reason == "birthday") {
        console.log(`%cHappy birthday`, fontStyle);
    }
    else if (reason == "champions") {
        console.log(`%cCongrats on the title!`, fontStyle);
    }
    else {
        console.log(message, style);
    }
}


// Task 3: Run both the consoleStyler and the celebrateStyler functions

consoleStyler('#1d5c63', '#ede6db', '40px', 'Congrats!')
celebrateStyler('birthday')

// Task 4: Insert a congratulatory and custom message
function styleAndCelebrate(color, background, fontSize, txt, reason) {
    consoleStyler(color, background, fontSize, txt);
    celebrateStyler(reason);
    
}
// Call styleAndCelebrate

styleAndCelebrate('ef7c8e', 'fae8e0', '30ox', 'You made it!', 'champions');

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 22 2022

Pocho

0 Answers Avg Quality 2/10

functional programming techniques

Contents

More Related Answers

functional programming techniques

Closely Related Answers

what is functional programming

functional programming

Functional Programing

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.