`
desert3
  • 浏览: 2159454 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

JavaScript语言精粹读书笔记- JavaScript函数

 
阅读更多
JavaScript 函数:
函数包含一组语句,他们是JavaScript的基础模块单元,用于代码复用、信息隐藏和组合调用。
函数用于指定对象的行为。

函数对象Functions

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

函数字面量Function Literal
var add = function(a, b) {return a + b;};
通过函数字面量创建的函数对象包含一个连到外部上下文的连接,这被称为闭包。

调用Invocation
调用一个函数将暂停当前函数的执行,传递控制权和参数给新函数。除了声明时定义的形式参数,每个函数接收两个附加的属性:this和arguments
参数this在面向对象的编程中非常重要,它的值取决于调用的模式。JavaScript中一共有4中调用模式:方法调用模式、函数调用模式、构造器调用模式和apply调用模式。这些模式在如何初始化关键参数this上存在差异。
调用运算符():跟在任何产生一个函数值的表达式之后的一对圆括号。当实际参数(arguments)的个数与形式参数(parameters)的个数不匹配时,不会导致运行时错误

方法调用模式:The Method Invocation Pattern
当一个函数被保存为对象的一个属性时,我们称它为一个方法。当一个方法被调用时,this被绑定到该对象。如果一个调用表达式包含一个属性存取表达式(即一个.号表达式或[subscript]下标表达式),那么它被当作一个方法来调用。
方法可以使用this去访问对象,所以它能从对象中取值或修改该对象。this到对象的绑定发生在调用的时候。这个“超级”迟绑定(very late binding)使得函数可以对this高度复用。通过this可取得他们所属对象的上下文的方法称为公共方法。

函数调用模式:The Function Invocation Pattern
当一个函数并非一个对象的属性时,那么它被当作一个函数来调用
var sum = add(3,4);
当函数以此模式调用时,this被绑定到全局对象
// 给myObject增加一个double方法(上面myObject对象已经有了属性value和方法increasement)
myObject.double = function(){
var that = this;
var helper = function() {
that.value = add(that.value, that.value);
};
// The Function Invocation Pattern
helper();
}
// The Method Invocation Pattern
myObject.double();
document.writeln(myObject.getValue());

构造器调用模式:The Constructor Invocation Pattern
JavaScript是一门基于原型继承的预言。这意味着对象可以直接从其他对象继承属性。该语言是无类别的。这偏离了当今编程的主流。当今大多数语言都是基于类的语言。尽管原型继承有着强大的表现力,但他并不被广泛理解。JavaScript本身对其原型的本质也缺乏信心,所以它提供了一套和基于类的语言类似的对象构建语法。
如果在一个函数前面带上new来调用,那么将创建一个隐藏连接到该函数的prototype成员的新对象,同时this将会被绑定到那个新对象上
结合new前缀调用的函数被称为构造器函数。按照约定,他们保存在以大写格式命名的变量里。

Apply调用模式:The Apply Invocation Pattern
因为JavaScript是一门函数式的面向对象编程语言,所以函数可以拥有方法
apply方法让我们构建一个参数数组并用其去调用函数。它也允许我们选择this的值。
apply方法接收两个参数。第一个参数将被绑定给this。第二个就是一个参数数组。

参数Arguments
当函数被调用时,会得到一个“免费”奉送的变量arguments数组。通过它函数可以访问所有它被调用时传递给它的参数列表,包括那些没有被分配给函数声明时定义的形式参数的多余参数。这使得编写一个无须指定参数的函数成为可能。
arguments是一个类似数组(array-like)的对象,他并不是真正的数组。有length属性,但没有数组的其他方法

返回Return
一个函数总是会返回一个值,如果没有指定返回值,则返回undefined
如果函数以在前面加上new前缀的方法来调用,且返回值不是一个对象,则返回this(该新对象)。

异常Exceptions:try catch throw

给类型增加方法
JavaScript允许给语言的基本类型增加方法(通过prototype)
Function.prototype.method = function (name, method) {if(this.prototype[name]){this.prototype[name] = method; return this;}};
通过给Function.prototype对象增加一个method方法,我们就不必键入prototype这个属性名。
Number.method('integer', function () {return Math[this < 0 ? 'ceiling' : 'floor'](this);});
String.metho('trim', function () {return this.replace('/^\s+|\s+$/g','');});

通过给基本类型增加方法,我们可以大大提高语言的表现力。因为JavaScript是原型继承的动态本质(在属性访问符调用时,一层一层检查),新的方法立刻被赋予到所有的值(对象)上,哪怕值(对象)是在方法被创建之前就创建好了
另一个需要注意的是for in 语句在原型上时表现很糟糕。可以用hasOwnProperty方法筛选出继承而来的属性。

递归Recursion:汉诺塔难题

作用域Scope
在编程语言中,作用域控制着变量与参数的可见性和生命周期。对程序员来说这是一个重要的帮组,因为它减少了名称冲突,并且提供了自动内存管理。

闭包Closure
作用域的好处是内部函数可以访问定义在它们外部的参数和变量(除了this和arguments)。

回调Callbacks
模块Module:
我们可以使用函数和闭包来构造模块。模块是一个提供接口却隐藏状态与实现的函数或对象。通过使用函数去产生模块,我们几乎可以完全摒弃全局变量的使用,从而缓解这个JavaScript的最为糟糕的特性之一所带来的影响。
模块的一般形式:一个定义了私有变量和函数的函数;利用闭包创建可以访问私有变量和函数的特权函数。最后返回特权函数,或者把他们保存到一个可以访问到的地方。

级联Cascade
有一些方法没有返回值。如果我们让这些方法返回this而不是undefined,就可以启动级联(例子:jQuery的链式调用)。

套用Curry
记忆Memoization
函数可以用对象去记住先前的结果,从而能避免无谓的运算。这种优化被称为记忆。


分享到:
评论

相关推荐

    JavaScript语言精粹.修订版---高清版.pdf

    根据提供的文件信息,“JavaScript语言精粹.修订版---高清版.pdf”主要聚焦于JavaScript编程语言的核心概念和技术要点。虽然给出的部分内容链接重复且未提供实际的书籍摘要或章节概述,但我们可以基于标题、描述和...

    JavaScript语言精粹--蝴蝶

    JavaScript语言精粹——蝴蝶 JavaScript,作为Web开发中的核心语言,是实现动态交互的重要工具。这篇文档《JavaScript语言精粹——蝴蝶》旨在深入探讨并解析JavaScript的精华部分,帮助开发者更好地理解和掌握这门...

    JavaScript 语言精粹

    此外,《JavaScript语言精粹》还会深入讨论作用域、变量提升、this关键字、事件处理、DOM操作以及异步编程,如回调函数、Promise和async/await。这些知识点对于前端开发人员来说至关重要,因为它们直接影响到网页的...

    JavaScript语言精粹_修订版.pdf

    JavaScript语言精粹_修订版.pdf

    JavaScript语言精粹 pdf

    《JavaScript语言精粹》作为一本经典的编程书籍,深入浅出地介绍了JavaScript这门语言的核心概念和技术要点,是每一个前端开发者乃至后端工程师都不容错过的读物。这本书由Douglas Crockford所著,他不仅是...

    《JavaScript语言精粹》.pdf

    《JavaScript语言精粹》这本书是深入理解这一语言的宝贵资源,它涵盖了JavaScript的核心概念和技术,旨在帮助读者掌握这门语言的精髓。 在描述中提到的"JavaScript语言精粹 包含pdf 与 epub"表明,这本书提供了两种...

    《JavaScript语言精粹》PDF高清扫描版

    根据提供的文件信息,我们可以推断出这是一本关于JavaScript编程语言的专业书籍——《JavaScript语言精粹》,该书提供了PDF高清扫描版本。接下来,我们将从以下几个方面深入探讨与这本书相关的知识点: ### 一、...

    JavaScript语言精粹(高清电子版)和高性能JavaScript 双语版

    本文将深入探讨标题和描述中提及的两本书籍《JavaScript语言精粹》和《高性能JavaScript》所涵盖的知识点。 首先,我们来关注《JavaScript语言精粹》。这本书主要侧重于JavaScript的核心概念和最佳实践,旨在帮助...

    JavaScript语言精粹 中文版

    JavaScript语言精粹 中文版 共两部分

    JavaScript语言精粹(修订版)

    "JavaScript语言精粹(修订版)"是一本深入探讨JavaScript编程精髓的书籍,旨在帮助开发者掌握其核心概念、最佳实践以及常见陷阱。这本书对初学者和经验丰富的开发者都具有很高的价值,能够提升对JavaScript的理解和...

    JavaScript 精粹读书笔记(1,2)

    相反,应该利用那些有实际用途和强大表达能力的特性,比如立即执行函数表达式(IIFE)、闭包、回调函数等,这些都是让JavaScript成为一门强大编程语言的关键元素。 在实际开发中,开发者应该致力于编写简洁、可读性...

    JavaScript语言精粹_修订版带书签.pdf

    JavaScript语言精粹,已经编辑好书签,分享给各位初学者

Global site tag (gtag.js) - Google Analytics