伏龙阁资源网

JavaScript引用类型Function实例详解
站长资源 2024/11/27 佚名
2 0

本文实例讲述了JavaScript引用类型Function。分享给大家供大家参考，具体如下：

Function类型

函数是对象，函数名是指针：每个函数都是Function类型的实例。由于函数是对象，因此函数名是一个指向函数对象的指针，不会与某个函数绑定，一个函数可能会有多个名字。

function getSum(a, b) {
  return a + b;
}
alert(getSum(2, 3));//5
var copy = getSum;
alert(copy(2, 3));//5
getSum = null;
alert(copy(2, 3));//5

定义函数的方式有三种：函数声明、函数表达式、Function构造函数。

Function构造函数接收任意数量的参数，前面的参数枚举了函数的参数，最后一个参数是函数体。一般不推荐使用Function构造函数定义函数。

var getSum = new Function("a", "b", "return a + b";

JavaScript没有函数重载的概念，若声明了两个同名函数，则后面的函数会覆盖前面的函数。

由于函数名本身是变量，因此函数也可以作为值来使用，不仅可以传递一个函数作为参数，还可以将函数作为返回值。

function callFunction(func, arguments) {
  return func(arguments);
}
function sayHello(name) {
  return "Hello, " + name;
}
var result = callFunction(sayHello, "Alice");
alert(result);//Hello, Alice

①、函数声明

function 函数名称(参数|可选) { 函数体 }

例：

function func1(){// 声明，程序的一部分
  function func() {// 声明，函数体的一部分
    ...//函数体
  }
}

②、函数表达式

function 函数名称|可选(参数|可选) { 函数体 }

例1：

var fun = function func() {};//表达式，赋值表达式的一部分

例2：

new function func(){};//表达式，new表达式

例3：

(function func(){});
//表达式，包含在分组操作符——括号()内，括号()内只能包含表达式

例4：

[function func() {}];//表达式，数组初始化器内只能是表达式

例5：

1, function func() {};//表达式，逗号只能操作表达式

③、函数构造器

函数构造器创建的函数的[[Scope]]属性仅包含全局对象。

<script>
  var a = 1;
  func1();
  function func1() {
    var a = 2;
    var b = 3;
    var func2 = new Function("alert(a); alert(b);");
    func2();//1,b is not defined
  }
</script>

函数构造器创建的函数func2可以从全局对象中取得变量a，但全局对象中没有b，因此报错：b未定义。

函数声明和函数表达式的区别

1)函数声明在进入上下文阶段创建，在代码执行阶段就已经可用了，函数表达式则是在代码执行阶段才创建，所以函数声明可以提升，但函数表达式则不能。

函数声明提升：

func();//Function declaration
function func(){
  alert("Function declaration");
}

函数表达式不能提升：

func();//报错：func is not a function
var func = function (){
  alert("Function expression");
}

2)函数声明影响变量对象VO，也就是存储在上下文的VO中的变量对象，函数表达式不影响变量对象VO，不存在于变量对象中，这意味着既不可能通过名称在函数声明之前调用它，也不可能在声明之后调用它。但是，函数表达式在递归调用中可以通过名称调用自身。

例1：

alert(func); //报错：func is not a function。定义之前不可用，因为它在代码执行阶段创建
(function func() {});
alert(func); //报错：func is not a function。定义之后也不可用，因为它不在变量对象VO中

例2：

(function func(param) {
  if (param) {
    return;
  }
  func(true);//func可用，递归调用可以通过名称调用自身
})();
func(); // func is not a function，外部不可用

3)函数声明只能出现在程序或函数体内，不能出现在表达式或块（{ … }）中，如if、while或for语句中。因为JavaScript无块级作用域，只有函数和全局作用域。 函数表达式出现在表达式的位置。

函数声明：有的浏览器会返回if，而有的浏览器会返回else。

if (true) {
  function func() {
    alert('if');
  }
}
else {
  function func() {
    alert('else');
  }
}
func();

函数表达式：所有浏览器都返回if。

var func;
if (true) {
  func = function() {
    alert('if');
  };
}
else {
  func = function() {
    alert('else');
  };
}
func();

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript常用函数技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
www.wwsws.com 伏龙阁资源网
39,976影音资源
44,792技术资源
21,817软件资源
651,128站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接