The first one is a free-form subtitle for your profile, shown on your profile page below your display name. It doesn't have to be your current position, it can be anything you want (within the limits of the Code of Conduct of course, keep in professional).
The second set of fields (current position combined with the value of the at field) are only used if you did not set a title. Put differently: filling in a position and a company in the Career section creates a default title field value, used when you don't use the free-form title field in #1. If you do set a free-form title, the values you fill in here are not used anywhere else.
Your Developer Story title is used in your Developer Story only. Your Developer Story is not necessarily public, and used in a different setting from your Stack Overflow profile page, which always is public. Your Developer Story is your CV, sent to potential employers when you use the Stack Overflow careers features. It appears at the top of your Developer Story (both in the story view and the traditional view). Treat this like you would the header of a traditional CV. While you could put a funny joke in your profile title, presumably you would want to put your actual position in this field.
Number 4 is just your employment history. This is the place where you tell about your current position, just like you would describe past positions.