This diagram illustrates wiring a GFCI receptacle and light switch in the same outlet box, a common arrangement in a bathroom with limited space. The hot source is spliced to the LINE terminal on the receptacle and to the bottom terminal on the light switch. The neutral and ground wires are spliced together and run to each device in the circuit.
In this wiring, the source is at the switch and 3-wire cable runs from there to the fan/light. The switch controls the light and the source is spliced through to the fan. With this arrangement, the fan is controlled by a pull-chain on the motor housing and the light is controlled with the switch. The neutral and ground wires are also spliced through to the fan/light.
The black cable wire is connected to the top terminal on the switch and spliced to the black and blue wires at the fan at the other end. The neutral source and ground are spliced through to the white and ground connections at the fan.
Here the exhaust fan is controlled by a timer instead of a switch. There should be two hot wires and a ground coming out of the timer casing, splice one of these to the hot source. Spice the second to the black, cable wire running to the fan. Splice the source neutral to the white cable wire and the ground to the ground wires. At the fan splice the wires, matching the colors of each.