- [Function with default parameters](#function-with-default-parameters)
- [Function with default parameters](#function-with-default-parameters)
- [Function declaration versus Arrow function](#function-declaration-versus-arrow-function)
- [💻 Exercises](#%f0%9f%92%bb-exercises)
- [💻 Exercises](#%f0%9f%92%bb-exercises)
# 📔 Day 7
# 📔 Day 7
@ -220,7 +222,23 @@ console.log(areaOfCircle(10))
### Function with unlimited number of parameters
### Function with unlimited number of parameters
Sometimes we do not know how many arguments the user going to pass. Therefore, we should know how to write a function which can take unlimited number of arguments. A function declaration provides a function scoped arguments array like object. Any thing we passed as argument in the function can be access from arguments. Let us see an example
Sometimes we do not know how many arguments the user going to pass. Therefore, we should know how to write a function which can take unlimited number of arguments. The way we do it has a significant difference between a function declaration(regular function) and arrow function.Let us see examples both in function declaration and arrow function.
#### Unlimited number of parameters in regular function
A function declaration provides a function scoped arguments array like object. Any thing we passed as argument in the function can be accessed from arguments object inside the functions. Let us see an example
#### Unlimited number of parameters in arrow function
Arrow function does not have the function scoped arguments object. To implement a function which takes unlimited number of arguments in an arrow function we use spread operator followed by any parameter name. Any thing we passed as argument in the function can be accessed as array in the arrow function. Let us see an example
```js
// Let us access the arguments object
const sumAllNums = (...args) => {
// console.log(arguments), arguments object not found in arrow function
// instead we use an a parameter followed by spread operator
console.log(args)
}
sumAllNums(1, 2, 3, 4))
// [1, 2, 3, 4]
```
```js
// function declaration
const sumAllNums = (...args) => {
let sum = 0
for (const element of args) {
sum += element
}
}
return sum
return sum
}
}
@ -275,7 +327,7 @@ console.log(square(2)) // -> 4
Self invoking functions are anonymous functions which do not need to be called to return a value.
Self invoking functions are anonymous functions which do not need to be called to return a value.
```js
```js
;(function(n) {
(function(n) {
console.log(n * n)
console.log(n * n)
})(2) // 4, but instead of just printing if we want to return and store the data, we do as shown below
})(2) // 4, but instead of just printing if we want to return and store the data, we do as shown below
@ -451,6 +503,8 @@ console.log('Weight of an object in Newton: ', weightOfObject(100)) // 9.81 grav
console.log('Weight of an object in Newton: ', weightOfObject(100, 1.62)) // gravity at surface of Moon
console.log('Weight of an object in Newton: ', weightOfObject(100, 1.62)) // gravity at surface of Moon
```
```
### Function declaration versus Arrow function
🌕 You are a rising stat, now you knew function . Now, you are super charged with the power of functions. You have just completed day 6 challenges and you are 6 steps a head in to your way to greatness. Now do some exercises for your brain and for your muscle.
🌕 You are a rising stat, now you knew function . Now, you are super charged with the power of functions. You have just completed day 6 challenges and you are 6 steps a head in to your way to greatness. Now do some exercises for your brain and for your muscle.
Asabeneh
5 years ago