甘肃省网站备案,公司网站怎么更新维护,工商企业信息查询公示系统,电子网站建设实训函数声明
一个标准的函数声明#xff0c;由关键字function 、函数名、形参和代码块组成。
有名字的函数又叫具名函数。
举个例子#xff1a;
function quack(num) {
for (var i 0; i num; i) {console.log(Quack!)}
}
quack(3)函数表达式
函数没有名称…函数声明
一个标准的函数声明由关键字function 、函数名、形参和代码块组成。
有名字的函数又叫具名函数。
举个例子
function quack(num) {
for (var i 0; i num; i) {console.log(Quack!)}
}
quack(3)函数表达式
函数没有名称而且位于一条赋值语句右边被赋给一个变量。
在语句如赋值语句中以这样的方式使用关键function时创建的是函数表达式。
没有名称的函数又叫匿名函数。
举个例子
var fly function(num) {for (var i 0; i num; i) {console.log(Flying!);}
}
fly(3)下面是一个关于如何区分函数声明和函数表达式的简单提示: 如果语句以function关键字开头那么它就是一个函数声明否则就是一个函数表达式。 当function关键字在表达式中创建一个函数(有或没有名称)时才是一个函数表达式。 // 函数声明: 以 function 关键字开头
function sumA(a, b) {return a b;
}// 函数表达式: 不以 function 关键字开头
const mySum (function sumB(a, b) {return a b;
});// 函数表达式: 不以 function 关键字开头
[1, 2, 3].reduce(function sum3(acc, number) { return acc number
});// 函数表达式const sum (function sumB(a, b) {return a b;
});// 函数表达式
const myObject {myMethod: function() {return 42;}
};// 函数表达式
const numbers [4, 1, 6];
numbers.forEach(function callback(number) {console.log(number);// logs 4// logs 1// logs 1
});在函数表达式中创建的函数有两种:
如果表达式内的函数没有名称例如function() {return 42}则这是一个匿名函数表达式;如果函数有名字例如前面例子中的sumB和callback那么这就是一个命名函数表达式。 从更高的角度来看函数声明对于创建独立的函数很有用但是函数表达式作为回调很好。
现在让我们深入了解函数声明和函数表达式的行为。
乍一看函数声明和函数表达式差别不大但实际上它们存在根本性差别。
要明白这种差别首先需要研究一下浏览器在运行阶段如何处理代码。
举个例子看看浏览器如何分析并执行网页中的代码。
var migrating true;
var fly function (num) {for (var i 0; i num; i) {console.log(Flying!)}
}function quack(num) {for (var i 0; i num; i) {console.log(Quack!)}
}if (migrating) {quack(4)fly(4)
}
分析浏览器如何执行代码
第一步分析函数声明
在分析网页期间执行任何代码之前浏览器查找函数声明。找到函数声明时浏览器创建相应的函数并将得到的函数引用赋给与函数同名的变量。 第二步浏览器执行代码
处理所有的函数声明后浏览器回到代码开头开始按从头到尾的顺序执行代码。 第三步继续执行
处理完变量fly后浏览器继续往下执行。接下来的语句是函数quack的声明因为已经处理过了所以浏览器跳过声明接着执行后面的条件语句。 小结一下浏览器的执行过程
首先扫描代码查找函数声明分析函数声明存储该函数并创建一个与函数同名变量来存储指向该函数的引用处理完所有函数声明后浏览器从头开始执行代码按顺序处理各种函数变量碰到函数表达式时同函数声明需存储该函数并将指向该函数的引用赋给表达式左边的变量 结论函数声明与函数表达式的区别
函数声明函数表达式1函数声明是完整的语句函数表达式只是语句的一部分2函数命名时创建一个与函数同名的变量并让它指向函数函数命名时通常不给函数指定名称因此需要在代码中将函数赋给一个变量或以其他方式使用函数表达式3可以出现在代码的任何地方函数声明创建的函数都是自己定义的这被称为提升hoisting函数表达式创建的函数要等到它执行后才被定义4函数将在执行代码前创建即使未调用也占用内存空间函数将在运行阶段执行代码时临时创建调用完立即释放所以更节省内存空间 讲了这么多相信你对函数声明与函数表达式已经有了一定的了解来做个题目试试水吧~
阅读以下代码从上到下依次说出执行结果
// 从上到下依次说出执行结果
var foo function () {console.log(foo1)
}
foo()var foo function () {console.log(foo2)
}
foo()function foo() {console.log(foo1)
}
foo()function foo() {console.log(foo2)
}
foo()具体答案见下篇文章解答吧~ 引用文章
一个例子讲清楚函数声明和函数表达式 - 知乎
