JavaScript语言精粹——函数(第一部分)

文章目录

  • 一.简介

  • 二.函数对象

  • 三.函数字面量

  • 四.调用

  • 五.方法调用模式

  • 六.函数调用模式

  • 七.构造器调用模式

  • 八.Apply 调用模式   

一.简介

        JavaScript 设计的最出色的就是它的函数的实现。它几乎接近于完美。但是,想必你也预料得到,JavaScript的函数也存在他的瑕疵,但是本文就不加以介绍了,有需要的同学可以自行到网上去找寻相关资料。

        函数包含一组语句,它们是JavaScript的基础模块单元,用于代码复用、信息隐藏和组合调用。函数用于指定对象的行为。一般来说,所谓的编程,就是将一组需求分解成一组函数于数据结构的技能,下面我将介绍有关JavaScript语言精粹这本书的函数部分的内容。

二.函数对象:

        JavaScript中的函数就是一个对象。对象是 “名/值” 对的集合并拥有一个连到原型对象的隐藏连接。对象字面量产生的对象连接到 Object.prototype 。函数对象连接到 Function.prototype (该原型对象本身连接到 Object.prototype)。每一个函数在创建的时候会附加两个隐藏的属性:函数上下文和实现函数行为的代码。

        当然因为函数也是一个对象,自然也拥有了对象在创建时会随配的 prototype 属性。它的值是一个有用 construction 属性且值即为该函数的对象。这和隐藏连接到 Function.prototype 完全不同。这个构造意义将会在下个章节,也就是在继承当中讲述。

        应为函数是对象,所以它们可以像其他的值一样被使用。函数可以保存在变量、对象和数组当中。函数也可以当作参数传递给其他函数,函数也可以在返回函数。而且,因为函数是对象,所以函数也可以拥有方法。

函数最与众不同的地方在于它们可以被调用。

三.函数字面量

        函数对象通过函数字面量来创建:

//简单的创建一个名为add的函数,然后把两个数相加的值赋给他。
var add = function(a,b) {
    return a+b;
}

// 可以使用es6 更新的箭头函数来创建
var add = (a,b)=>{
    return a+b;
}

//因为这里只有一行代码,并且书返回值所以可以将花括号和return省略
var add = (a,b)=>a+b;

         函数字面量包括四个部分。第一个部分是保留字function。

        第二个部分是函数名,它可以被省略。函数可以用它的名字来递归地调用自己。此名字也能被调试器和开发工具用来识别函数。如果没有给函数命名,比如上面这个例子,它会被认为是匿名函数。

        函数的第三部分是包围在圆括号中的一组参数。其中每个参数用逗号分隔。这些名称将被定义为函数中的变量。它们不像普通的变量那样将被初始化为undefined,而是在该函数被调用时初始化为实际提供的参数的值。

        第四部分是包围在花括号中的一组语句。这些语句是函数的主体。它们在函数被调用时执行。

        函数字面量可以出现在任何允许表达式出现的地方。函数也可以被定义在其他函数中。一个内部函数自然可以访问自己的参数和变量,同时它也能方便地访问它被嵌套在其中的那个函数的参数与变量。通过函数字面量创建的函数对象包含一个连到外部上下文的连接。这被称为闭包。它是JavaScript强大表现力的根基。闭包的相关信息在后面会讲述到。

四.调用

        调用一个函数将暂停当前函数的执行,传递控制权和参数给新函数。除了声明时定义的形式参数,每个函数接收两个附加的参数:this和arguments。参数this在面向对象编程中非常重要,它的值取决于调用的模式。在JavaScript 中一共有四种调用模式:方法调用模式、函数调用模式、构造器调用模式和apply 调用模式。这些模式在如何初始化关键参数this上存在差异。

        调用运算符是跟在任何产生一个函数值的表达式之后的一对圆括号。圆括号内可包含零个或多个用逗号隔开的表达式。每个表达式产生一个参数值。每个参数值被赋予函数声明时定义的形式参数名。当实际参数(arguments)的个数与形式参数(parameters)的个数不匹配时不会导致运行时错误。如果实际参数值过多了,超出的参数值将被忽略。如果实际参数值过少,缺失的值将会被替换为undefined。对参数值不会进行类型检查:任何类型的值都可以被传递给参数。

        下面就讲述一下四种调用方式:

五.方法调用模式

        当一个函数被保存为对象的一个属性的时候,我们称它为一个方法。当一个方法被调用的时候,this被绑定到该对象。如果调用表达式包含一个属性提取的动作(即包含一个 . 点表达式或者[subscript]下标表达式),那么他就是被当做一个方法来调用。

//创建myobject。它有一个value属性和一个increment方法。
//increment方法接受一个可选的参数。如果参数不是数字,那么默认使用数字1。
var myObject ={
    value: 0,
    increment: function (inc) {
    this.value += typeof inc === ' number' ? inc : 1;
    }
}
myObject.increment() ;
document.writeln (myObject.value);  //1
myObject.increment(2);
document.writeln (myObject.value);  //3

        方法可以使用 this 去访问对象,所以它能从对象当中取值或修改该对象。this 到对象的绑定发生在调用的时候。这个 “超级” 迟绑定 (very late binding)是的函数可以对 this 高度复用。通过 this 可取得它们所属对象的上下文的方法叫做公共方法。        

六.函数调用模式

        当一个函数并非一个对象的属性的时候,那么它被当作一个函数来调用:

var sum = add(3,4);  
console.log(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。
};
myObject.double();
document.write(myObject.getValue());  //6

        上面的代码要在HTML文件上里面运行,虽然都是JavaScript的逻辑语法,但是为了效果更好,就在网页上面运行。

七.构造器函数

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

//创建一个名叫 Que 的构造函数 。他构造一个带有 status 属性的对象。
var Que = function (String){
    this.status = String;
};
// 给 Que的所有实例提供一个名为 get_status 的公共方法。
Que.prototype.get_status = function(){
    return this.status;
};
// 构造一个 Que 实例
var myQue = new Que("confused");
document.writeln(myQue.get_status());

        目的就是结合new前缀调用的函数被称为构造器函数。按照约定,它们保存在以大写格式命名的变量里。如果调用构造器函数时没有在前面加上new,可能会发生非常槽糕的事情,既没有编译时警告,也没有运行时警告,所以大写约定非常重要。
        我不推荐使用这种形式的构造器函数。在下一章中我们将看到更好的替代方式。

八.调用模式:

        因为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,但我们可以在status0bject 上调1/用get_status 方法,尽管 status0bject并没有一个名为get_status 的方法。
var status = Quo.prototype.get_status.apply(statusObject);
//stats值为'A-OK' 

        上面就是简单的介绍了以下JavaScript语言精粹的前面一部分,后面的一部分请大家观看我的另一篇博客,麻烦大家感兴趣的话,可以观看我的下一篇博客,这个是相关的链接。​​​

        ​​​​https://blog.csdn.net/qq_51227484/article/details/118830780

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值