Nice material! Thanks for sharing.

> Generally it's considered idiomatic to just avoid named functions altogether.

This is not idiomatic. Many developers only use named functions.

The obvious reason is they make stack traces far more readable, though you can get around this by naming functions anyway:

  var myFunction = function myFunction() {}

The hoisting 'nuances' you decry are a boon. Hoisting means you never have to worry about the order functions are declared – especially useful in cases where your functions call each other. You also get another avenue to declutter your code by pushing any crufty utility functions to the bottom of the page.

I read your link and found it to be very educational, but I don't believe it supports avoiding named function declarations, but rather named function expressions, since those are the source of inconsistencies between browsers.

My takeaway is that it is wise to avoid using named expressions, but fine to stick with anonymous function assignments, or declared functions. To add a third example to your list:

    var funcName = function(){};
    function funcName(){}
    var funcName = function funcName(){}; // <-- Danger!