Skip to content

AAnderwald/JavaScript_Promises

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

JavaScript Promises

Getting Started

  1. Open your command line and navigate to your repos directory (if you do not have a repos folder, then you can use mkdir repos to create one)
  2. Use this template repository to start a new project in your repos folder: git clone <repo_name>
  3. cd repo_name to navigate into your new repo directory
  4. Start Visual Studio Code and select 'Open Folder'. Then select repo_name to open the folder in the editor (or just type code . in your terminal inside the repo directory)
  5. Follow the instructions on the README.md file to complete exercises
  6. Open the app.js file to get started

Exercise 1

function watchTurorialCallback(callback, errorCallback) {
  let userLeft = false;
  let userWatchingLiveStream = true;

  if (userLeft) {
    errorCallback({
      name: "User Left",
      message: ":(",
    });
  } else if (userWatchingLiveStream) {
    callback("Thumbs up and Subscribe");
  }
}

watchTurorialCallback(
  (message) => {
    console.log(message);
  },
  (error) => {
    console.log(error.name + " " + error.message);
  }
);
  • The above function can be replicated as a Promise.
  1. Declare a variable watching and assign it a new promise object let watching = new Promise(); pass in a single callback let wathcing = new Promis ((resolve, reject)=> {

}); 2. Inside of the promise constructor, declare a variable named userWatchingLiveStream. let userWathcingLiveStresm = true;

  1. Add a if/else conditional that checks if userWatchingLiveStream is true if (userWatchingLiveStream){ resolve ("Thumbs up and Subscribe!"); }else{ reject ("User left"); }

  2. If userWatchingLiveStream is true, call the resolve method with "Thumbs up and Subscribe!" if from above

  3. If false, call the reject method with "User left." else from above

  • Once you have created your new promise:
  1. Call watching and add a promise chain using .then and .catch
  2. Pass in a function callback to .then that takes in a message and console.log's the message
  3. Pass in a function callback to .catch that takes in an error and console.log's the error watching .then((result) => console.log(result)) .catch((error) => console.log(error));

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 68.4%
  • HTML 31.6%