Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
</body>
</html>
 
// Javascript Arrow Functions
// 1+ parameters
const add = function(x, y) {
  return x + y
}
console.log(add(4, 5))
const addES6 = (x, y) => x + y
console.log(addES6(5,6))
// 1 parameter
const hello = function(name) {
  return `Hello ${name}`
}
console.log(hello('Diallo'))
const helloES6 = name => `Hello ${name}`
console.log(helloES6('Niang'))
// 0 parameter
const helloWorld = function() {
  return 'Hello World!'
}
console.log(helloWorld()) // Hello World!
const helloWorldES6 = () => 'Hello ES6 World!'
console.log(helloWorldES6()) // Hello ES6 World!
// Object literal
const setContent = function(title, content) {
  return {
    title: title,
    content: content
  }
}
console.log(setContent('Hello', 'World!'))
const setContentES6 = (title, content) => ({title: title, content: content})
console.log(setContentES6('Hello', 'ES6'))
// Use case, filter an array
const prices = [4, 5, 14, 20, 45, 3, 8, 15]
var greaterThan10 = prices.filter(function(p) {
  return p >= 10
})
console.log(greaterThan10)
const greaterThan10ES6 = prices.filter(p => p >= 10)
console.log(greaterThan10ES6)
// What about `this`
const user = {
  firstName: 'Adama',
  lastName: 'Niang',
  old: 25,
  presentation: () => `Hi, I'm ${this.firstName} ${this.lastName} and I'm ${this.old} years old.`
}
console.log(user.presentation())
const user1 = {
  firstName: 'Adama',
  lastName: 'Niang',
  old: 25,
  presentation: function() {
    return `Hi, I'm ${this.firstName} ${this.lastName} and I'm ${this.old} years old.`
  }
}
console.log(user.presentation())
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers