首页 技术 正文
技术 2022年11月19日
0 收藏 360 点赞 3,679 浏览 2933 个字
前言:

本篇主要是介绍 JavaScript使用函数的高级方法,函数是JavaSCript中最有趣的部分,利用Function特性可以编写出很多非常有意思的代码,本篇主要包括:函数回调,高阶函数以及函数柯里化。

 1.   函数回调     对于异步编程JavaScript API如SetTimeout或者JQuery的$.ajax又或者越来越火的Node.js编程,在事件循环上都是非阻塞的,意思就是,当你使用异步非阻塞API的使用,调用在回调函数执行之前立即返回,而这些回调在不久之后执行。

 setTimeout(function(){
console.log("hello");
},2000)
// ... 大概2s之后(实际上大于2s)
// => hello

Node中一个非阻塞代码实例

创建一个文件 input.txt ,内容如下:

 “Hello World” 

创建 main.js 文件, 代码如下:

 var fs = require("fs");
// 封装一个readFile函数
var readFile=function(filename,callback){
fs.readFile('input.txt', function (err, data) {
if (err) return callback(err);
return callback(null,data);
});
}
//调用
readFile('input.txt',function(err,data){
if(err)
handle(err);
else
handle(data);
}

我们不需要等待文件读取完,这样就可以在读取文件时同时执行接下来的代码,由回调函数执行处理读取的文件内容,大大提高了程序的性能。

JQuery的XMLHttpRequest也是利用回调执行异步编程

 $.get( "example.php", function() {
alert( "success" );
})
.done(function() {
alert( "second success" );
})
.fail(function() {
alert( "error" );
})
.always(function() {
alert( "finished" );
});

 2.   高阶函数     高阶函数可以分为:

  1. 以其他函数为参数的函数
  2. 返回其他函数的函数

    这一部分更偏向于JavaScript函数式编程的部分,但是利用高阶函数可以构建功能更强大的函数,所以在这里讲了一下。 

  1. 以其他函数为参数的函数

    
       其实,回调函数也是属于这种模式,利用这种模式,我们可以实现Model和Action层的逻辑分离,举个例子吧       我们利用数据库做了一个小型的登录用户检查,添加和删除。   

    •    建立一个 model/User.js 主要负责和数据库进行数据的增删查改
 var mysql = require('mysql');
var pool = mysql.createPool({
// 登录数据库的配置
});
function addUser(param,callback) {
pool.getConnection(function(err, connection) {
if(err) return callback(err);
var $sql="INSERT INTO user(id, password) VALUES(?,?)";
connection.query( $sql, [param.id, param.password],function(err, result) {
if(err)
return callback(err);
else
connection.release();
return callback(null,result);
});
});
}
    • 通过传入添加数据和一个回调函数作为参数,我们在视图层可以自定义对添加失败和成功的操作,而无需理会和数据库的具体操作,当数据库发生变化的时候,只需要修改model的User.js,实现外模式和模式的逻辑独立性

 

2. 返回其他函数的函数
          这里我们将了解返回函数和闭包的高阶函数          举个例子,我们创建一个makeAdder的高阶函数,他的参数配置了其返回函数每次添加数值的大小

 function makeAdder(addVal){
return function(arg){
return addVal+arg;
}
}
var add2=makeAdder(2);
var a=add2(10)
console.log(a);
// => 12

 按照这样子我们可以自由配置 add10,add5等等。。。[注]: 其实这里运用了闭包的知识,我们都知道闭包会保存外部函数的作用域链,可以捕获外部函数的参数;当我们返回一个add2()函数的时候,这个函数会一直记住外部函数的addVal的值[缺点]:过度使用闭包,会造成内存泄漏,就像上面的add2()函数,会一直保存着外部函数的作用域链,直到自己被销毁  3.   函数柯里化          柯里化函数为每一个逻辑参数返回一个新函数。函数柯里化的基本方法和函数绑定是一样的:使用一个闭包返回一个函数。        其实上面的makeAdder()其实也可以算是一种柯里化函数,返回的是一个函数,但从技术上讲,并不算是真正意义上的柯里化函数,我们来看一个真正意义的柯里化函数例子:

 function curry(fn){
  var args=[].slice.call(arguments,1);
  return function(){
  var innerArgs=[].slice.call(arguments);
  var finalArgs=args.concat(innerArgs);
  return fn.apply(null,finalArgs);
  }
}
 function add(){
var args=Array.prototype.slice.call(arguments);
return args.reduce(function(prev,next){
return prev+next;
});
}
 var curryAdd=curry(add);
var result=curryAdd(1,2,3);
console.log(result);
// => 6
var curryAdd2=curry(add,2);
var result=curryAdd2(2,3);
console.log(result);
// => 7
两种方式都可以,第二个函数可以代表一个 加2函数

curry()函数的主要工作就是将返回函数的参数进行排序。curry()的第一个参数是要进行柯里化的函数,其他参数是要传入的值。利用[].slice.call(arguments,1) 获取外部函数的参数;在内部函数中,使用innerArgs存放所有传入的参数,最后使用concat将所有参数组合成finalArgs,利用apply()将参数传递给fn函数。[注意]:这个函数没有考虑执行环境,所以调用apply()的第一个参数为null。[缺点]:利用柯里化函数可以实现复杂的算法和功能,但是都不可以滥用,因为他们是基于闭包实现的,会带来一定的开销。            

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,999
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,511
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,357
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,140
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,770
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,848