Maison > Article > interface Web > Analyse détaillée des compétences de definition_javascript de la fonction JavaScript
Fonction
Quelques points clés :
a). Les fonctions sont des citoyens de premier ordre en JavaScript (importance)
.
c). La fonction définit une portée de variable indépendante
Méthode de définition
Les fonctions nommées sont globales sauf si elles sont définies dans une autre fonction.
// 全局的命名函数 function add(x, y) { return x + y; } console.info(add(100, 200)); //300
Les fonctions anonymes sont généralement affectées à une variable puis appelées via la variable.
var func = function (x, y) { return x + y; } console.info(func(5, 2)); //7
console.info( function (x, y) { return x + y; }(100, 200) //立即调用 );
La fonction nommée peut être utilisée d'abord puis définie
console.info(sum(10, 10)); function sum(num1, num2) { return num1 + num2; }
//console.info(sumFunc(10, 10)); //Uncaught TypeError: Property 'sumFunc' of object [object Object] is not a function var sumFunc = function (num1, num2) { return num1 + num2; }; console.info(sumFunc(10, 10));
Valeur de retour de la fonction :
.
function func() { } console.info(func()); //undefined function func2() { return; //空的返回语句 } console.info(func2()); //undefined
La fosse cachée dans le retour :
var func = function (x, y) { var sum = x + y; return { value : sum } }
Cependant :
var func = function (x, y) { var sum = x + y; return { value: sum }; } console.info(func(5,5)); //undefined
L'appel de func(5,5) affiche undefined
L'éditeur a ajouté un point-virgule après le retour pour nous, mais cela ne sert à rien dans ce cas ;
Les fonctions sont des objets :
function add(x, y) { return x + y; } console.info(add(100, 200)); //300 var other = add; //other和add引用同一函数对象 console.info(other(300, 400)); //700 console.info(typeof other); //function console.info(add === other); //true
Fonctions définies imbriquées :
function outerFunc(a, b) { function innerFunc(x) { return x * x; } return Math.sqrt(innerFunc(a) + innerFunc(b)); } console.info(outerFunc(3, 4)); //5
Accéder aux variables externes :
var globalStr = 'globalStr'; function outerFunc2(argu) { var localVar = 100; function innerFunc2() { localVar++; console.info(argu + ":" + localVar + ":" + globalStr); } innerFunc2(); //hello:101:globalStr } outerFunc2("hello");
Fonction qui renvoie une fonction :
function outerFunc(x) { var y = 100; return function innerFunc() { console.info(x + y); } } outerFunc(10)(); //110