- Explicitly override context with
callandapply - Explicitly lock context for a function with bind
In this lab, we're going to build the time-card and payroll application using
the record-oriented approach again. This lab will feature the same topic and
area of work as the previous lab; however, how we call and use functions
will change with our new knowledge. While the code will stay mostly the same,
you're going to need to use this a lot more.
The tests guide you to implementing a time card system: when someone enters the company's state of the art technical office, the employee has to insert their card in a time-clock which will record the time they came in. When it's time to leave, the employee will "punch out."
For simplicity's sake, we'll make these assumptions:
- Assume that employees always check in and check out
- Assume employees always check in and out on the hour
- The time is represented on a 24-hour clock (1300 is 1:00 pm); this keeps the math easier and is the standard in most of the world
- When timestamps are needed, they will be provided as Strings in the form: "YYYY-MM-DD 800" or "YYYY-MM-DD 1800" e.g. "2018-01-01 2300"
- Employees will never work across days i.e. in at 2200 and out at 0400 the next day.
The lab tests will guide you toward a solution. Keep in mind, the goal is to understand how to "grow" an application in "record-oriented" fashion in JavaScript, as well as pass the lab. Make sure you're learning about this app design while you pass the solutions.
As before, if you find yourself having extra time, use the guidance in the previous lab to make your application more robust.
Take advantage of your collection-processing strengths that you trained up over the last few lessons.
Put your code in index.js.
While you will want to be guided by the tests, you will implement the following functions. To make the tests easier to read, we've provided the signatures of the functions.
A function signature is the function name, the arguments it expects, and what the function returns.
- Argument(s)
- A 4-element Array of a
String,String,String, andNumbercorresponding to a first name, family name, title, and pay rate per hour
- A 4-element Array of a
- Returns
- JavaScript
Objectwith keys:firstNamefamilyNametitlepayPerHourtimeInEventstimeOutEvents
- JavaScript
- Behavior
- Loads
Arrayelements into correspondingObjectproperties. Additionally, initialize emptyArrays on the propertiestimeInEventsandtimeOutEvents.
- Loads
- Argument(s)
ArrayofArrays
- Returns
ArrayofObjects
- Behavior
- Converts each nested
Arrayinto an employee record usingcreateEmployeeRecordand accumulates it to a newArray
- Converts each nested
- Argument(s)
- A date stamp (
"YYYY-MM-DD HHMM"), where time is expressed in 24-hour standard
- A date stamp (
- Returns
- The record that was just updated
- Behavior
- Add an
Objectwith keys:type: Set to"TimeIn"hour: Derived from the argumentdate: Derived from the argument
- Add an
- Argument(s)
- A date stamp (
"YYYY-MM-DD HHMM"), where time is expressed in 24-hour standard
- A date stamp (
- Returns
- The record that was just updated
- Behavior
- Add an
Objectwith keys:type: Set to"TimeOut"hour: Derived from the argumentdate: Derived from the argument
- Add an
- Argument(s)
- A date of the form
"YYYY-MM-DD"
- A date of the form
- Returns
- Hours worked, an
Integer
- Hours worked, an
- Behavior
- Given a date, find the number of hours elapsed between that date's timeInEvent and timeOutEvent
- Argument(s)
- A date of the form
"YYYY-MM-DD"
- A date of the form
- Returns
- Pay owed
- Behavior
- Using
hoursWorkedOnDate, multiply the hours by the record's payRate to determine amount owed. Amount should be returned as a number.
- Using
- Argument(s)
- None
- Returns
- Sum of pay owed to one employee for all dates, as a number
- Behavior
- Using
wagesEarnedOnDate, accumulate the value of all dates worked by the employee in the record used as context. Amount should be returned as a number. HINT: You will need to find the available dates somehow....
- Using
- Argument(s)
srcArray: Array of employee recordsfirstName: String representing a first name held in an employee record
- Returns
- Matching record or
undefined
- Matching record or
- Behavior
- Test the
firstNamefield for a match with thefirstNameargument
- Test the
- Argument(s)
Arrayof employee records
- Returns
- Sum of pay owed for all employees for all dates, as a number
- Behavior
- Using
allWagesForfor each of the employees, accumulate the value of all dates worked by the employee in the record used as context. Amount should be returned as a number.
- Using
You'll notice that in this lab we give you the implementation of allWagesFor.
As part of writing this challenge, we ran right smack into one of the most
famous bugs in JavaScript land: "the lost context bug." Because we've not
taught you to deal with it, we've "given" you this function. We think you can
solve the other tests with this little piece having been given to you.
If you find yourself having extra time, try researching this topic on your own. We'll tell you all about it in our next lesson, though.
This is one of the hardest topics in JavaScript. But you have hands-on experience with the why and motivations of it! You're so much better off than most JavaScript hackers who never quite get the hang of it. It's been a lot of growth, but this hard-won knowledge is going to help you do staggeringly cool things
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent