最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

Declare a function without a name in JavaScript - Stack Overflow

programmeradmin4浏览0评论

I am new to JavaScript (ing from Java) and want to understand this function

(function (global, factory) {
if (typeof define === 'function' && define.amd) {
    define(['../numeral'], factory);
} else if (typeof module === 'object' && module.exports) {
    factory(require('../numeral'));
} else {
    factory(global.numeral);
}

}

It's from this github page .js

My question is: Why isn't there a name for the function that takes global and factory as parameter ?

What I would expect is something like this:

function myFunction(p1, p2) {
return p1 * p2;   // The function returns the product of p1 and p2
}

Here, we have the name myFunction but in the above example, we don't have a name for the function. Why? And why is that allowed in JavaScript?

I am new to JavaScript (ing from Java) and want to understand this function

(function (global, factory) {
if (typeof define === 'function' && define.amd) {
    define(['../numeral'], factory);
} else if (typeof module === 'object' && module.exports) {
    factory(require('../numeral'));
} else {
    factory(global.numeral);
}

}

It's from this github page https://github./adamwdraper/Numeral-js/blob/master/src/formats/currency.js

My question is: Why isn't there a name for the function that takes global and factory as parameter ?

What I would expect is something like this:

function myFunction(p1, p2) {
return p1 * p2;   // The function returns the product of p1 and p2
}

Here, we have the name myFunction but in the above example, we don't have a name for the function. Why? And why is that allowed in JavaScript?

Share Improve this question edited Jun 5, 2019 at 12:53 Jack Bashford 44.2k11 gold badges55 silver badges82 bronze badges asked Jun 5, 2019 at 12:47 BlnpwrBlnpwr 1,8755 gold badges24 silver badges47 bronze badges 2
  • 2 Wele to JavaScript :) In this file, an anonymous function is declared. Then, it is being immediately invoked in place. Moreover, there is another anonymous function, which is passed as a second parameter factory. – Yeldar Kurmangaliyev Commented Jun 5, 2019 at 12:51
  • Possible duplicate of What is the (function() { } )() construct in JavaScript? – barbsan Commented Jun 5, 2019 at 13:01
Add a ment  | 

3 Answers 3

Reset to default 4

Yes. They are called anonymous functions in Javascript.

Usually these functions are supplied as callbacks to another function.

Or they could be immediately invoked as Jack said in his answer.

It's because it's in an IIFE - you don't need to name the function, and the only real use of naming it would be recursion.

It's like this:

var func = function (global, factory) {
    if (typeof define === 'function' && define.amd) {
        define(['../numeral'], factory);
    } else if (typeof module === 'object' && module.exports) {
        factory(require('../numeral'));
    } else {
        factory(global.numeral);
    }
}

You call it like:

(func)();

Or:

func();

It's a function expression - it doesn't have a name, it's assigned to a named variable. Unnamed functions are known as anonymous functions, and you use them as testing/callback functions.

Anonymous functions are just that, functions without names. They cannot be called by name like you would normally use a function. We actually use them a lot in javascript.

A mon use for it would be for a function that takes another function as a parameter, like .sort(). Sort allows you to pass a custom function to handle the sorting logic, so with an anonymous function, it would like like this:

var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
  return a - b;
});
//[1, 2, 3, 4, 5]

See how the function is being passed as the only parameter to sort. An equivalent to this could also look like:

var numbers = [4, 2, 5, 1, 3];
var mySortFunction = function(a, b){
   return a - b;
}
numbers.sort(mySortFunction);
//[1, 2, 3, 4, 5]

Anonymous functions are just a clean and quick way to create functions that you would not reuse in your code.

发布评论

评论列表(0)

  1. 暂无评论