当前位置：文档之家 › 函数式JavaScript编程指南

函数式JavaScript编程指南

  • 格式：pdf
  • 大小：171.58 KB
  • 文档页数：9

简介你是否知道JavaScript其实也是一个函数式编程语言呢？本指南将教你如何利用JavaScript的函数式特性。

要求：你应当已经对JavaScript和DOM有了一个基本的了解。

写这篇指南的目的是因为关于JavaScript编程的资料太多了但是极少的资料提到了JavaScript 的函数式特性。

在本指南中，我只会讲解这些基本知识而不会深入其它的函数式语言或这是Lambda算子。

你可以点击所有的例子然后你所看到的代码就会被执行，这样就可以令指南变得具有交互性。

你也可以使用这个沙箱来尝试。

第一课——匿名函数我们将首先介绍[i]匿名函数[/i]。

一个匿名函数就是一个没有名字的函数。

你可以认为他们是一次性函数。

当你只需要用一次某个函数式，他们就特别有用。

通过使用匿名函数，没有必要把函数一直放在内存中，所以使用匿名函数更加有效率。

例Example:下面两个函数处理同样的事情，而average在给z赋值结束之后一直保留——但匿名函数则不会。

function average(x,y) { return (x+y)/2;}var z = average(1,3);alert(z);var z = function(x,y) { return (x+y)/2; } (1,3);alert(z);这很自然得引出了我们下面的一节课函数作为值。

第二课 - 函数作为值事实上，我们一般在JavaScript中声明函数的方式可以看作是一个简化了的语法（也就是[i]语法糖[/i]，[i]syntactic sugar[/i]）。

例：下面两个表达式其实完全一样。

所以左边的表达式仅仅是右边的简写function average(x,y){ return (x+y)/2;}alert( average(1,3) );var average = function(x,y){ return (x+y)/2;}alert( average(1,3) );从这里可以得出一个结论，函数是一个值就像字符串、数字或数组一样。

这还出现几个问题：我是否可以把函数作为参数传递？可以，见下面的例子。

是否可以实时生成函数？当然了，这是一个高级的主题，它可以通过eval 函数来完成。

[b]小提示：看看本页面的源代码。

例：这个例子演示了如何把函数作为参数传递。

var applyFun = function (f,x,y) { return f(x,y); };var add = function(x,y) { return x+y;};alert( applyFun(add,3,4) ); // 7第三课 - 两种方式调用函数在JavaScript中，有两种调用函数的方式。

一般的方式是把参数放在括号中，如alert(42)。

另一种方式是同时把函数和参数都放在括号中，如(alert)(42)。

例：alert(42);(alert) (42);(function(x) { alert(x-13); }) (55);为什么函数两边的括号很重要：如果你写了括号，那么在括号中的代码就会被先计算。

在计算之后，括号所在的地方就会有一个值。

这个值可能是一个字符串、一个数字或一个函数。

第四课- “短路”条件调用现在我们将学习如何使用“短路”条件调用。

使用这个方法可以缩短源代码同时代码也变得更加可读。

例：这个语法并不是用在左表达式上，而是用在右表达式上。

var f = false; var t = true;var z;if(f)z = 4;else if(t)z = 2;alert(z);var f = false; var t = true;var z = (f && 4) || (t && 2);alert(z);第五课 - 它好在哪里OK，现在我们已经学习了一些函数式JavaScript的内容。

那么它好在哪里？函数式JavaScript 编程之所以很重要有三条主要的理由：•它有助于写出模块化和可服用的代码。

•它对事件处理程序非常有效。

•它很有趣！在下面的篇幅中，我会给出更多关于前两条理由的信息1. 模块化和可复用的代码现在你已经知道如何将函数作为值使用，那么你也应该试试！一个很好的例子是数组内建的sort方法。

预定义的sort()把所有的对象转换成字符串并把他们按照词语的顺序排序。

但如果我们有用户自定义的对象或者数字那么它就不是很有用了。

于是这个函数可以让你给他一个进行比较的函数作为参数，如sort(compareFunction)。

这个方法让我们甚至不用接触实际的sort方法。

例:var myarray = new Array(6,7,9,1,-1);var sortAsc = function(x,y) { return x-y; };var sortDesc = function(x,y) { return y-x; };myarray.sort(sortDesc);alert(myarray);myarray.sort(sortAsc);alert(myarray);2. 事件处理程序对事件处理程序使用函数式编程也许是最直观的函数作为值得应用了。

既然这样我们马上就演示一个例子。

简单的例子：;ie现在有一个Button类，带一个自定义的onclick行为。

function Button(clickFunction) { this.button = document.createElement("button"); this.button.appendChild(document.createTextNode("Press me!")); this.button.onclick = clickFunction;}var bt = new Button(function() { alert("42"); });练习：为什么我们要把alert包裹在一个匿名函数中？高级例子：现在我们想改进我们的Button类。

每一个按钮都被分配了一个值当按钮被点击时显示该值。

首先我们调整我们的类：function Button(value) { this.value = value; this.button = document.createElement("button"); this.button.appendChild(document.createTextNode("test"));}下面你也许要尝试写下面的代码：this.button.onclick = function() { alert(this.value); };如果你执行它你就会发现提示框中间是空的。

为什么会这样呢？其实原因在于JavaScript的可见性规则。

当onclick函数被执行时this指向的是按钮的DOM节点而非自定义的按钮对象。

我们如何解决这个问题？使用函数式编程：this.button.onclick = (function(v) { return function() { alert(v); };}) (this.value);这种情况下执行该匿名函数会将v绑定到this.value上。

函数式编程概念，包括匿名函数、调用函数的不同方法，以及将函数作为参数传递给其他函数的方式。

函数式概念的运用，采用的示例包括：扩展数组排序；动态 HTML 生成的优美代码；系列函数的应用。

函数式编程概念在那些通过描述 “如何做” 指定解决问题的方法的语言中，许多开发人员都知道如何进行编码。

例如，要编写一个计算阶乘的函数，我可以编写一个循环来描述程序，或者使用递归来查找所有数字的乘积。

在这两种情况下，计算的过程都在程序中进行了详细说明。

清单 1 显示了一个计算阶乘的可能使用的 C 代码。

清单 1. 过程风格的阶乘int factorial (int n){if (n <= 0)return 1;elsereturn n * factorial (n-1);}这类语言也叫做过程性 编程语言，因为它们定义了解决问题的过程。

函数式编程与这个原理有显著不同。

在函数式编程中，需要描述问题 “是什么”。

函数式编程语言又叫做声明性 语言。

同样的计算阶乘的程序可以写成所有到 n 的数字的乘积。

计算阶乘的典型函数式程序看起来如 清单 2 中的示例所示。

清单 2. 函数式风格的阶乘factorial n, where n <= 0 := 1factorial n := foldr * 1 take n [1..]第二个语句指明要得到从 1 开始的前 n 个数字的列表（take n [1..]），然后找出它们的乘积，1 为基元。

这个定义与前面的示例不同，没有循环或递归。

它就像阶乘函数的算术定义。

一旦了解了库函数（take 和 foldr）和标记（list notation [ ]）的意义，编写代码就很容易，而且可读性也很好。

只用三行 Miranda 代码就可以编写例程，根据参数，使用广度优先或深度优先遍历处理 n 叉树的每个节点，而且元素可以是任何通用类型。

从历史上看，函数式编程语言不太流行有各种原因。

但是最近，有些函数式编程语言正在进入计算机行业。

其中一个例子就是 .NET 平台上的 Haskell。

其他情况下，现有的一些语言借用了函数式编程语言中的一些概念。

一些 C++ 实现中的迭代器和 continuation，以及 JavaScript 中提供的一些函数式构造（functional construct），就是这种借用的示例。

但是，通过借用函数式构造，总的语言编程范例并没有发生变化。

JavaScript 并没因为函数式构造的添加就变成了函数式编程语言。

我现在要讨论 JavaScript 中的函数式构造的各种美妙之处，以及在日常编码和工作中使用它们的方式。

我们将从一些基本功能开始，然后用它们查看一些更有趣的应用。

匿名函数在 JavaScript 中，可以编写匿名函数或没有名称的函数。

为什么需要这样的函数？请继续往下读，但首先我们将学习如何编写这样一个函数。

如果拥有以下 JavaScript 函数：清单 3. 典型的函数function sum(x,y,z) {return (x+y+z);}然后对应的匿名函数看起来应当如下所示：清单 4. 匿名函数function(x,y,z) {return (x+y+z);}要使用它，则需要编写以下代码：清单 5. 应用匿名函数var sum = function(x,y,z) {return (x+y+z);}(1,2,3);alert(sum);使用函数作为值也可以将函数作为值使用。

合集下载

js使用手册

js使用手册

js使用手册JavaScript（简称JS）是一种脚本语言，用于在网页上实现交互效果和动态内容。

它是目前使用最广泛的编程语言之一，因为它可以用于开发网页应用、游戏、桌面应用等各种类型的程序。

本文将为你提供一份简明的JavaScript使用手册，介绍了JavaScript的基本语法、数据类型、函数、控制流和常见的操作等内容。

一、基本语法：1.注释：可以使用双斜杠（//）进行单行注释，或使用斜杠和星号（/*...*/）进行多行注释。

2.变量和常量：使用var关键字声明变量，使用const关键字声明常量。

JavaScript使用弱类型，所以变量可以在不同的数据类型之间进行转换。

3.数据类型：JavaScript包含了多种数据类型，包括数字、字符串、布尔值、数组、对象等。

可以使用typeof操作符来检查变量的数据类型。

4.运算符：JavaScript支持常见的算术运算符（例如+、-、*、/）和逻辑运算符（例如&&、||、!），以及比较运算符（例如==、>、<）。

5.字符串操作：可以使用+运算符来连接字符串，也可以使用字符串模板（`${...}`）来创建格式化的字符串。

二、数据类型：1.数字类型：JavaScript中的数字包括整数和浮点数。

可以进行基本的算术运算，也可以使用内置的Math对象来进行高级的数学计算。

2.字符串类型：JavaScript中的字符串以单引号（'...'）或双引号（"..."）括起来。

可以使用一系列内置的字符串方法来操作和处理字符串。

3.布尔类型：JavaScript中的布尔类型只有两个值，true和false。

可以通过逻辑运算符和比较运算符来进行布尔运算。

4.数组类型：JavaScript中的数组可以存储多个值，并根据索引进行访问。

可以使用一系列内置的数组方法来操作和处理数组。

5.对象类型：JavaScript中的对象是一种复合数据类型，可以存储键值对。

js中function函数的用法

js中function函数的用法

js中function函数的用法JavaScript中的function函数是非常重要的一部分。

它们可以帮助您编写可重复使用的代码，使您的代码更加组织化和易于维护。

在本文中，我们将探讨JavaScript中的函数如何使用，包括声明、调用、参数和返回值，在探索代码示例的同时，将向您阐述有关函数在程序设计中的常见应用。

1. 声明函数JavaScript中，一个function是在您使用关键字function定义之后声明的。

例如，与Hello World类似的程序，定义一个输出函数可以这样做：function sayHello() {console.log("Hello World!");}在这里，我们声明了一个名为“sayHello”的函数，并使用括号来承载任何参数。

函数输出的结果使用console.log()函数进行测试和查看。

2. 调用函数在定义一个函数后，您需要调用这个函数才能运行它。

调用函数只是使用定义的函数名（以及括号中的任何参数列表）并放在代码中。

刚刚创建的“sayHello”函数可以像这样调用：sayHello();输出结果将是“Hello World!”3. 函数参数JavaScript函数可以使用参数来接收输入数据，从而使函数根据需要返回不同的结果。

例如，下面是一个简单的函数，它将接收两个值作为参数，并确定它们的总和：function sumValues(a, b) {return a + b;}在这里，我们声明了一个名为“sumValues”的函数，它有两个输入参数。

使用关键字“return”，函数将返回这两个参数之和。

4. 函数返回值JavaScript中的函数必须使用关键字“return”来返回结果。

在前面的例子中，“sumValues”函数将返回两个值的总和，但并没有输出这个值。

如果我们想在代码中检索返回值，我们只需要将该调用存储在变量中，如下所示：var mySum = sumValues(2, 3);console.log(mySum);这将给出结果“5”，因为我们传递了两个数字，分别是2和3，将它们相加后，结果是5。

javascript权威指南第七版笔记

javascript权威指南第七版笔记

javascript权威指南第七版笔记摘要：1.概述2.语言基础3.面向对象编程4.DOM 操作5.事件处理6.异步编程7.客户端存储8.获取和操作数据9.处理错误10.优化和调试11.模块化编程12.实战案例正文：《JavaScript 权威指南第七版笔记》是一本关于JavaScript 编程的详尽指南，涵盖了语言基础、面向对象编程、DOM 操作、事件处理、异步编程、客户端存储、获取和操作数据、处理错误、优化和调试、模块化编程等多个方面。

以下是本书各章节的主要内容概括：1.概述：介绍了JavaScript 的历史、用途、基本概念和开发环境。

2.语言基础：讲解了JavaScript 的基本语法、数据类型、变量、运算符、流程控制、函数和作用域等基本知识。

3.面向对象编程：介绍了JavaScript 的原型、原型链、构造函数、对象创建和封装等面向对象编程的概念和技巧。

4.DOM 操作：讲述了DOM（文档对象模型）的基本概念，以及如何使用JavaScript 操作DOM 元素，包括节点查找、节点操作、属性操作和文本操作等。

5.事件处理：介绍了事件的概念、事件流（冒泡和捕获）、事件处理程序（内联、DOM0 级和DOM2 级）、事件对象（类型、目标、阻止默认行为、阻止冒泡等）以及鼠标事件和键盘事件等。

6.异步编程：讲解了异步编程的基本概念，如回调函数、Promise、async/await 等，以及AJAX（异步JavaScript 和XML）的原理和实践。

7.客户端存储：介绍了浏览器存储的各种方式，包括cookie、localStorage、sessionStorage 和IndexedDB 等。

8.获取和操作数据：讲述了如何使用JavaScript 获取和操作各种数据类型，如字符串、数字、布尔值、数组、对象和正则表达式等。

9.处理错误：介绍了JavaScript 中的错误类型、异常处理和调试方法，以及如何编写健壮的代码来避免错误。

js function函数的用法

js function函数的用法

js function函数的用法JavaScript中的函数是一种特殊的对象，可以在代码中被调用和执行。

函数可以用于封装一段可重复使用的代码，并且可以接收参数并返回值。

在JavaScript 中，我们可以使用函数的字面量形式来定义函数，并且可以像对待其他对象一样对待函数。

函数的定义可以采用多种方式，其中一种是使用函数声明语句。

下面是一个函数声明的例子：javascriptfunction greet(name) {return "Hello, " + name + "!";}在这个例子中，函数的名字是"greet"，参数为"name"，函数体内部使用返回语句返回了一个字符串。

这个函数可以通过函数名来调用，并传入一个参数。

另一种定义函数的方式是使用函数表达式。

函数表达式可以将一个函数赋值给一个变量，使得函数可以像其他对象一样被操作。

下面是一个函数表达式的例子：javascriptvar greet = function(name) {return "Hello, " + name + "!";};这个例子中，我们将一个匿名函数赋值给了名为"greet"的变量。

函数体内的逻辑与前面的例子相同。

在JavaScript中，函数也可以作为参数传递给其他函数，或者作为其他函数的返回值。

这种函数作为参数或者返回值的用法被称为"高阶函数"。

下面是一个使用高阶函数的例子：javascriptfunction operate(a, b, callback) {return callback(a, b);}function add(a, b) {return a + b;}function subtract(a, b) {return a - b;}console.log(operate(5, 3, add)); 输出：8console.log(operate(8, 2, subtract)); 输出：6在这个例子中，我们定义了一个高阶函数"operate"，它接受三个参数，其中前两个是数字，最后一个是函数。