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
    评论
### 回答1: "JavaScript语言精粹"是一本由Douglas Crockford撰写的著名图书,是许多JavaScript开发者学习与掌握该语言不可或缺的重要资源。 这本书主要关注于JavaScript的核心概念和最佳实践,帮助开发者摆脱一些语言的怪异之处和陷阱,使其能够更加高效地编写可维护和可扩展的代码。 "JavaScript语言精粹"一书将JavaScript的精华提炼为19个章节,每一章节都深入浅出地介绍了一个关键概念,包括函数、对象、数组、代码风格、错误处理等。作者以清晰简洁的语言解释了这些概念的背后原理,并给出了许多实用的代码示例。 这本书不仅适合JavaScript初学者,对于有一定经验的开发者来说也是一本不可多得的参考书。通过阅读它,开发者可以拓宽对JavaScript的理解和认识,提高代码质量和效率。 除了对基础概念的详细介绍外,"JavaScript语言精粹"还包含了一些进阶话题,如闭包、原型链、模块化等,帮助开发者进一步提升其JavaScript编程能力。 总之,"JavaScript语言精粹"是一本权威而实用的JavaScript学习资源,对于想要深入理解和掌握该语言的人来说是极为重要的一本书籍。无论你是初学者还是有经验的开发者,这本书都能帮助你写出更优雅、可读性更高的JavaScript代码。 ### 回答2: 《JavaScript语言精粹》是一本由Douglas Crockford撰写的权威指南,它介绍了JavaScript语言最重要和最有用的部分。该书通过简洁而清晰的语言讲解了JavaScript的核心概念和特性,为开发者提供了深入理解和运用JavaScript的方法和技巧。 这本书以独特的方式展现了JavaScript的精华,将复杂的语法和概念简化成易于理解和运用的形式。Crockford首先介绍了JavaScript的基本语法和数据类型,然后深入讲解了函数、对象、原型、闭包等重要概念。他通过具体的示例和练习,引导读者掌握JavaScript的核心概念和编程技巧。 《JavaScript语言精粹》还包含了对常见错误和陷阱的警示,帮助读者避免在编写JavaScript代码时常见的问题。此外,该书还提供了一些最佳实践和编码规范,帮助开发者写出高质量、可维护的JavaScript代码。 与其他JavaScript教程不同,《JavaScript语言精粹》不仅关注如何正确地使用JavaScript,还强调了一些可以帮助开发者避免错误和提高代码质量的技巧和原则。这使得这本书成为了一本适合初学者和有经验的开发者阅读的权威指南。 总之,《JavaScript语言精粹》是一本深入而全面地介绍JavaScript语言的书籍。无论你是初学者还是有经验的开发者,阅读这本书都可以帮助你建立起对JavaScript的深入理解,并提高你的JavaScript编程技巧。 ### 回答3: 《JavaScript语言精粹》是一本由Douglas Crockford所著的程序设计相关书籍,它主要介绍了JavaScript语言的核心概念和重要知识点。这本书在程序设计领域有着很高的声誉,被许多程序员视为JavaScript编程的经典参考书。 该书的目的是帮助读者深入理解JavaScript语言的精华部分,将复杂的语法和特性解释得简单易懂。它详细介绍了JavaScript的基本数据类型、函数、对象、原型链以及闭包等重要概念,并提供了一些实用的编程技巧和最佳实践。读者通过学习这些内容,可以更好地理解JavaScript的设计哲学和编程范式。 《JavaScript语言精粹》的内容不仅限于语法的讲解,还包括了一些关于代码风格、错误处理和性能优化等方面的建议。它强调代码的可读性、可维护性和可扩展性,帮助读者编写出高质量的JavaScript代码。 这本书的另一个亮点是作者Douglas Crockford的独特见解和深入思考。他不仅仅是介绍了JavaScript的特性,还对其设计和演变进行了深入的分析和比较。他提出了一些有关编程规范和标准化的建议,为读者在实际开发避免一些常见的陷阱和错误提供了宝贵的经验。 总之,《JavaScript语言精粹》是一本经典的JavaScript编程参考书籍,适合有一定编程基础的读者阅读。它能够帮助读者深入理解JavaScript的核心概念和设计原理,提高编程技巧,写出高质量的代码。无论是初学者还是有经验的开发者,都会从这本书获益匪浅。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值