1.背景介绍
什么是Function Declaration(函数声明)?
Function Declaration可以定义命名的函数变量,而无需给变量赋值。Function Declaration是一种独立的结构,不能嵌
套在非功能模块中。
就是使用function关键字声明一个函数,再指定一个函数名,叫函数声明
什么是Function Expression(函数表达式)?
Function Expression将函数定义为表达式语句(通常是变量赋值)的一部分。通过Function Expression定义的函数可以
是命名的,也可以是匿名的。Function Expression不能以“function”开头。
使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式
函数表达式存储在变量后,变量也可作为一个函数使用:
var x = function (a, b) {return a * b};
alert= x(4, 3);
以上函数实际上是一个 匿名函数(函数没有名称)。
函数存储在变量中,不需要函数名称,通常通过变量名来调用。
var x = function (a, b) {return a * b};
var z = x(4, 3);
alert= z;
2.知识剖析
//函数声明
function funDeclaration(type){
return type==="Declaration";
}
//函数表达式
var funExpression = function(type){
return type==="Expression";
}
3.常见问题
一、什么是JavaScript函数?
二、两者具体有哪些区别呢?
4.解决方案
一、JavaScript函数。
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
JavaScript函数语法
函数就是包裹在花括号中的代码块,使用了关键词function:
function functionname()
{
执行代码
}
当调用该函数时,会执行函数内的代码。
可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由JavaScript在任何位置进行调用。
JavaScript对大小写敏感。关键词function必须是小写的,并且必须以与函数名称相同的大小写来调用函数。
调用带参数的函数,在调用函数时,您可以向其传递值,这些值被称为参数。
这些参数可以在函数中使用。
您可以发送任意多的参数,由逗号(,)分隔:
myFunction(argument1,argument2)
当声明函数时,把参数作为变量来声明:
function myFunction(var1,var2)
{
代码
}
点击这个按钮,来调用带参数的函数。
functionmyFunction(name,job){
alert("Welcome "+ name +", the "+ job);
}
二、函数声明中函数名是必须的;函数表达式中则是可选的
//函数声明
function sum(a, b) {
return a + b;
}
alert(sum(1, 2));
//函数表达式
var s = function sum(a, b) {
return a + b;
}
alert(s(1, 2));
var s = function(a, b) {
return a + b;
}
alert(s(1, 2));//以上两种都可以
二、用函数声明定义的函数,函数可以在函数声明之前调用,而用函数表达式定义的函数只能在声明之后调用。
//函数声明
alert(sum(1, 2));//3
function sum(a, b) {
return a + b;
}
//函数表达式:发生错误
try {
alert(s(1, 2));
var s = function sum(a, b) {
return a + b;
}
}
catch (e) {
alert("wrong!");
}
5.扩展思考
使用function关键字声明一个函数,再指定一个函数名,叫函数声明。
function fn(){……}
使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式。
var fn=function(){……}
使用function关键字声明一个函数,但未给函数命名,这个又称之为什么呢?是属于以上两种类型的哪一种?
function(){……}
匿名函数属于函数表达式,匿名函数有很多作用,赋予一个变量则创建函数,赋予一个事件则成为事件处理程序或创建闭包等等.
6.参考文献
参考一:函数声明与函数表达式以及立即执行函数的讨论
参考二:雨落川下雪
网友评论