Skip to content

Latest commit

 

History

History
216 lines (137 loc) · 3.64 KB

readme.md

File metadata and controls

216 lines (137 loc) · 3.64 KB
title logoImg theme transition highlightTheme slideNumber loop enableMenu enableChalkboard
Functions
night
slide
monokai
true
true
false
false
<style> /* Remove the background color and make mongo commands more visible by adding color */ .line.focus{ background:none; font-size: xx-large; color: #5cc4ea; } /* #logo { position: initial !important; left: 0!important; top: 0%!important; text-align: center; padding-top:1em; } #logo > img {height: 10em; max-height: none;} .slides{ } .slides > section.present{ top: -20%!important; } */ </style>

Chapter Overview

This chapter should cover the following:

  1. Anatomy of functions
  2. Catagories of Functions
  3. Simple Example of Each function
    • Links to subjections for detailed breakdown of each

What is Function?

A functions is block of reusable code to preform a task. {.fragment}

First you create a function, then the function must be called in order to execute. {.fragment}

First-class object... {.fragment}

Learning Objectives

  1. Explain how you can use hoisted functions?
  2. Explain why you use a return statement?
  3. Explain the difference between Parameters and Arguments

Catagories of Functions

Simple Functions {.fragment }

Async Functions {.fragment }

:::block

Object Oriented Functions This gets it's own chapter

{.fragment } :::

:::block Simple Functions

  1. Function Declaration
  2. Function Expression
  3. Anonymous Functions
  4. Arrow Functions
  5. Curried Function
  6. Closure
  7. IFFE

:::

:::block Object Oriented Functions

  1. Constructor Function
  2. Class
    • factory
    • etc
    • etc

:::

:::block Async Functions

  1. Callbacks VS H.O.F.
  2. Promises
  3. Generator
  4. Async / Await
  5. Async Generator

:::

Function Declaration

What a function declaration looks like:

function add(param1, param2){
  return param1 + param2;
};
add(1, 2) //return a value of 3

Has the following Features:

Block Syntax, with {} at the begining and the end of the function and usually followed by a ; {.fragment .current-only data-code-focus=1-3}

:::block

  • Function keyword
  • Name of function, add
  • Parameters (param1, param2), which act as variables inside the functions definition. {.fragment .current-only data-code-focus=1-1} :::

Return keyword, ends the function and the result is returned {.fragment .current-only data-code-focus=2-2}

:::block

  • Calling the Function

  • When the function is called, we pass values into the arguements (1,2) {.fragment .current-only data-code-focus=4-4}

  • When the function is called, we pass values into the arguements (1,2) {.fragment .current-only data-code-focus=1-2}

:::

Pure Function

  • Its return value is the same for the same arguments (no variation with local static variables, non-local variables, mutable reference arguments or input streams from I/O devices).


This defines the doument type as html. {.fragment .current-only data-code-focus=1-1}


    

  • Its evaluation has no side effects (no mutation of local static variables, non-local variables, mutable reference arguments or I/O streams).
    • 





Complex Functions


Callbacks VS H.O.F.


Promises


Generator


Async Functions


Constructor Function


Class




This defines the doument type as html. {.fragment .current-only data-code-focus=1-1}