将函数分配给“名称”变量时，为什么我的代码不起作用？

Question

I am testing this code but something weird happening. It shows an error

Uncaught Typeerror: name is not a function

but if I change "name" to anything else, it works !

( name = function (x) {console.log(x || "not set");})();
name ('Rami');

This is the error appearing on Chrome Console

Answer 1

The reason is that in a browser context, "name" refers to "window.name" implicitly.

Are you aware that the function gets called twice?

If you just want to return a function pointer, you could use this:

name2 = function (x) {console.log(x || "not set");};
name2('Rami');

Answer 2

You're calling the function from outside of the IIFE 's scope

This would be the correct way to do so:

(function() {
  const name = function(name) {
    console.log('Hello ' + name);
  }
  name('Rami');
}());

Example: https://repl.it/MX9O