ES6

practiced

by Raj Shekhar

JavaScript

// Convert the Following from ES5 to ES6 Syntax
// 1. Convert the function to an ES6 Arrow Function
// const golden = function goldenFunction(){
//   alert("this is golden!!")
// }



const golden = () => alert("this is golden!!");
golden()
// 2. Simplify the following with es6 enhanced object literals
// const newFunction = function literal(firstName, lastName){
//   return {
//     firstName: firstName,
//     lastName: lastName,
//     fullName: function(){
//       alert(firstName + " " + lastName)
//       return 
//     }
//   }
// }
const newFunction = (firstName, lastName) => {
return {
      firstName,
    lastName,
    fullName(){
      alert(firstName + " " + lastName)
      return 
    }
}
  }
newFunction("William", "Imoh").fullName()

// 3. Condense this to 8 lines with destructuring
const newObject = {
  firstName: "Harry",
  lastName: "Potter Holt",
  destination: "Hogwarts React Conf",
  occupation: "Deve-wizard Avocado",
  spell: "Vimulus Renderus!!!"
}
// const firstName = newObject.firstName;
// const lastName = newObject.lastName;
// const destination = newObject.destination;
// const occupation = newObject.occupation;

const {firstName, lastName, destination, occupation} = newObject

console.log(firstName, lastName, destination, occupation)

// 4. Combine these arrays with array spreading
const west = ["Will", "Chris", "Sam", "Holly"]

const east = ["Gill", "Brian", "Noel", "Maggie"]

//const combined = west.concat(east)
const combined = [...west,...east]
console.log(combined)

// 5. Tidy up this multi-line string using Template Literals
const planet = "earth"
const view = "glass"
var before = `Lorem  ${view} dolor sit amet, consectetur adipiscing elit, planet do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam`
    
    // 'Lorem ' + view + 'dolor sit amet, ' +  
    // 'consectetur adipiscing elit,' + planet + 'do eiusmod tempor ' +
    // 'incididunt ut labore et dolore magna aliqua. Ut enim' +
    // '...