• Recall the datatypes in JavaScript
• Identify the types of different data
• Identify the types of input and output of functions and operators

1. What are the basic data types in JavaScript? Fill in the table of types below with descriptions of the types and the operators that work on them.

2. Object is the basic data type that we use to build other, more specialized 'types' of data. Name some of the ways that Object is used in JavaScript (e.g. what other types are really Object underneath).

When writing a function, it's often helpful to start by considering the inputs and the output. In particular, knowing the data type of the inputs and the data type of the outputs lets you know what kinds of operations are allowed on those arguments. They also hint at what the 'right' operations to do are.

For the following functions, fill in the table with the types of the inputs and the types of the outputs.

Many functions operate on Object types that need to have particular keys. In such cases, it's useful to name the 'shapes' of Object that functions expect. You might say that a 'Person' is an Object that has keys 'name' and 'age'. You might write:

// Person: {
//  name: string,
//  age: number,
// }

to represent the 'shape' of a Person.

When you have functions like the following, you can use the shorthand to write the type of the input and output.

function getName(person) {
  return person.name;
}

function getAge(person) {
  return person.age;
}

function makePerson(name, age) {
  return {
    name: name,
    age: age
  };
}

function birthday(person) {
  person.age += 1;
  return person;
}

// Point: {
// x: number
// y: number
// name: string
//}

function getDistance(pointA, pointB) {
  return Math.sqrt((pointA.x - pointB.x) ** 2 + (pointA.y - pointB.y) ** 2);
}

Fill in the table using the 'shape' shorthand

It's often conventional to write the 'signature' of a function to concisely capture the function's name, the names and types of the arguments, and the type of the return value. For the getDistance function above, the signature might be written as:

// getDistance(pointA: Point, pointB: Point): number

The : is used to indicate that the type is 'about' the preciding name. In pointA: Point, pointA is a Point.

Reading this function signature out loud, you would say

getDistance is a function that takes in Points pointA and pointB and returns a number.

For practice, add the function signature to the functions in the table.

You can think of many operators as if they were functions. They take in inputs and evaluate to an output.

For the following operators, fill in the types of the inputs and outputs. Following the example, try to write out a function signature, as if the operator was a function.

Some functions take in functions as arguments ('callback functions'). If those functions will be called with particular types of arguments, it's helpful to specify the type of function that will be passed in.

Note: you may see the word void meaning 'this function does not return anything'

Fill in the rest of the table.