您现在的位置: 365建站网 > 365文章 > 函数

函数

文章来源:365jz.com     点击数:291    更新时间:2009-09-14 10:31   参与评论

/*
    函数
*/

/*
    4.1 函数对象
    在 JavaScript 中函数就是对象。对象是“名/值” 对的集合并拥有一个连到原型对象的隐藏连接。
    对象字面量产生的对象连接到 Object.prototype。
    函数对象连接到 Function.prototype(该原型对象本身连接到 Object.prototype)。
    每个函数在创建时附有两个附加的隐藏属性:函数的上下文和实现函数行为的代码。
   
    每个函数对象在创建时也随带有一个 prototype 属性。它的值是一个拥有 constructor 属性且值
    即为该函数的对象。这和隐藏连接到 Function.prototype 完全不同。
   
    因为函数是对象,所以它们可以像任何其他的值一样被使用。函数可以存放在变量,对象和数组中。
    函数可以被当作参数传递给其他函数,函数也可以再返回函数。而且,因为函数是对象,所以函数
    可以有方法。
   
    函数的与众不同在于它们可以被调用。
   
*/

/*
     4.2 函数字面量
     函数对象可以通过函数字面量来创建:
*/

//创建一个名为 add 的变量,并用来把两个数字相加的函数赋值给它。
var add = function(a, b) {
    return a + b;
};

/*
    函数字面量包括四个部分。第一部分是保留字 function。
   
    第二部分是函数名,它可以被省略。函数可以用它的名字来递归调用自己。此名字也能被调试器和
    开发工具用来识别函数。如果没有给函数命名,比如上面这个例子,它会被认为是匿名函数。
   
    函数的第三部分是包括在圆括号中的一组参数。其中每个参数用逗号隔开。这些名称将被定义为函数
    中的变量。它们不像普通的变量那样将被初始化为 undefined,而是在该函数被调用时初始化为实际
    提供的参数的值。
   
    第四部分是包围在花括号中的一组语句。这些语句是函数的主体。它们在函数被调用时执行。
   
    函数字面量可以出现在任何允许表达式出现的地方。函数也可以被定义在其他函数中。
    一个内部函数自然可以访问自己的参数和变量,同时它也能方便地访问它被嵌套在其中的那个函数的
    参数与变量。通过函数字面量创建的函数对象包含一个连到外部上下文的连接。
   
    这被称为闭包。它是 JavaScript 强大表现力的根基。
*/

/*
    4.3 调用
   
    调用一个函数将暂停当前函数的执行,传递控制权和参数给新函数。除了声明时定义的形式参数,每
    个函数接受两个附加的参数:this 和 arguments。参数 this 在面向对象编程中非常重要,它的值取
    决于调用的模式。在 JavaSctipt 中一共有四种调用模式:方法调用模式,函数调用模式,构造器调用
    模式和 apply 调用模式。这些模式在如何初始化关键参数 this 上存在差异。
   
    调用运算符是跟在任何产生一个函数值的表达式之后的一对圆括号。圆括号内可包含零个或多个用逗号
    隔开的表达式。每个表达式产生一个参数值。每个参数值被赋予函数声明时定义的的形式参数名。当实
    际参数 (arguments) 个数与形式参数 (parameters) 的个数不匹配时不会导致运行时错误。如果实际
    参数值过多了,超出的参数值将被忽略。如果实际参数值过少,缺少的值将会被替换为 undefined。对
    参数值不会进行类型检查:任何类型的值都可以被传递给参数。
   
   
    A.方法调用模式
   
    当一个函数被保存为对象的一个属性时,我们称它为方法。当一个方法被调用时,this 被绑定到该对象
    如果一个调用表达式包含一个属性存取表达式 (即一个 . 点表达式或 [subsctipt]下标表达式),那么
    它被当作一个方法来调用。
*/

// 创建 myObject。它有一个 value 属性和一个 inctement 方法。
// inctement 方法接受一个可选的参数。如果参数不是数字,那么默认使用数字 1.

var myObject = {
    value: 0;
    inctement: function() {
        this.value += typeof inc === 'number' ? inc : 1;
    }
};

myObject.inctement();
document.writeln(myObject.value); // 1

myObject.inctement(2);
document.writeln(myObject.value); // 3

/*
    方法可以使用 this 去访问对象,所以它能从对象中取值或修改该对象。this 到对象的绑定发生在调用的
    时候。这个“超级”迟绑定(very late binging) 使得函数可以对 this 高度复用。通过 this 可取得它们
    所属对象的上下文的方法称为公共方法。
   
    B.函数调用模式
   
    当一个函数并非一个对象的属性时,那么它被当作一个函数来调用:
*/

var sum = add(3,4); // sum 的值为 7

/*
    当函数以此模式调用时,this 被绑定到全局对象。这是语言设计上的一个错误。倘若语言设计正确,当内
    部函数被调用时,this 应该仍然绑定到外部函数的 this 变量。这个设计错误的后果是方法不能利用内部
    函数来帮它工作,因为内部函数的 this 被绑定了错误的值,所以不能共享该方法对对象的访问权。
   
    幸运的是,有一个很容易的解决方案:如果该方法定义一个变量并给它赋值为 this,那么内部函数就可以
    通过那个变量访问到 this。按照约定,我给那个变量命名为 that:
*/

//给myObject 增加一个 double 方法。

myObject.double = function() {
    var that = this; // 解决方法
    var helper = function() {
        that.value = add(that.value, that.value);
    }
   
    helper(); // 以函数的形式调用 helper。
};

// 以方法的形式调用 double。
myObject.double();
document.writeln(myObject.getValue());  // 6

/*
    c.构造器调用模式
   
    JavaScript 是一门基于原型继承的语言。这意味着对象可以直接从其他对象继承属性。该语言是无类别的。
   
    这偏离了当今编程语言的主流。当今大多数语言都是基于类的语言。尽管原型继承有着强大的变现力,但它
    并不被广泛理解。JavaScript本身对其原型的本质也缺乏信心,所以它提供了一套和基于类的语言类似的对
    象构造语言。有类型化语言编程经验的程序员们很少有愿意接受原型继承的,并且认为借鉴类型化语言的语
    法模糊了这门语言真实的原型本质。真是两边不讨好。
   
    如果在一个函数前面带上 new 来调用,那么将创建一个隐藏连接到该函数的 prototype 成员的新对象,同时
    this 将会被绑定到那个新对象上。
   
    new 前缀也会改变 return 语句的行为。
*/

// 创建一个名为 Quo 的构造器函数。它构造一个带有 status 属性的对象。
var Quo = function(string) {
    this.status = string;
}

//给 Quo 的所有实例提供一个名为 get_status 的公共方法。
Quo.prototype.get_status = function () {
    return this.status;
}

// 构造一个 Quo 实例
var myQuo = new Quo("confused");

document.writeln(myQuo.get_status()); //令人困惑

/*
    目的就是结合 new 前缀调用的函数被称为构造器函数。按照约定,它们保存在以大写格式命名的变量里。
    如果调用构造器函数时没有在前面加上 new,可能会发生非常糟糕的事情,既没有编译时警告,也没有运
    行时警告,所以大写约定非常重要。
   
    D. Apply调用模式
   
    因为JavaScript 是一门函数式的面向对象编程语言,所以函数可以拥有方法。
   
    apply 方法让我们构建一个参数数组并用其去调用函数。它也允许我们选择 this 的值。
    apply 方法接受两个参数。第一个是将被绑定给 this 的值。第二个就是一个参数数组。
*/

//构造一个包含两个数字的数组,并将它们相加。
var array = [3, 4];
var sum = add.apply(null, array); // sum 的值为 7

//构造一个包含 status 成员的对象。
var statusObject = {
    status: 'A-OK'
};

//statusObject 并没有继承自 Quo.prototype,但我们可以在 statusObject 上调用 get_status 方法
//尽管 statusObject 并没有一个名为 get_status 的方法。

var status = Quo.prototype.get_status.apply(statusObject);// status 值为 'A-OK'

 

//未完待续

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (291人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号