知识收集

一、闭包

理解闭包

  • 只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。
  • 本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包用途

  • 可以读取函数内部的变量
  • 让这些变量的值始终保持在内存中。
  function f1(){

    var n=999;

    nAdd=function(){n+=1}

    function f2(){
      alert(n);
    }

    return f2;

  }

  var result=f1();

  result(); // 999

  nAdd();

  result(); // 1000

柯里化

典型应用:bind、检测数据类型

又称为部分求值,是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回一个新的函数的技术,新函数接受余下参数并返回运算结果。
柯里化所要表达是:如果你固定某些参数,你将得到接受余下参数的一个函数,所以对于有两个变量的函数yx,如果固定了y=2,则得到有一个变量的函数2x。这就是求值策略中的部分求值策略。

  • 接收单一参数,将更多的参数通过回调函数来搞定
  • 返回一个新函数,用于处理所有的想要传入的参数;
  • 需要利用call/apply与arguments对象收集参数;
  • 返回的这个函数正是用来处理收集起来的参数。
    柯里化有3个常见作用:
    • 参数复用;
    • 提前返回;
    • 延迟计算/运行。

张鑫旭:
虽然延迟计算听上去很高级,但是,恕我愚钝,我想破了脑袋也没想出哪种情况非要柯里化延迟计算实现才能显著提高性能。能想到的好处就是参数个数随意,比方说:

addWeight(2.3, 6.5);
addWeight(1.2, 2.5);

也是可以的。

补充于翌日:经人提点,发现自己忘了个东西,ES5中的bind方法,用来改变Function执行时候的上下文(函数主体本身不执行,与call/apply直接执行并改变不同),本质上就是延迟执行。例如:

var obj = {
    "name": "currying" 
},
fun = function() {
    console.log(this.name);
}.bind(obj);

fun(); // currying
function currying(fn) {
            var slice = Array.prototype.slice,
            __args = slice.call(arguments, 1);
            return function () {
                var __inargs = slice.call(arguments);
                return fn.apply(null, __args.concat(__inargs));
            };
}

看了柯里化三天,一直云里雾里,文章看了无数,一直迷迷糊糊~
在这个月黑风高的凌晨,我总算搞清楚了一点,现在先记录下来,后续有新的认识再进行补充吧~

        function bind(fn,obj){
            // bind(fn1,obj,'小明',19),如果是这样调用,在这里就直接全部获取
            let arg1 = [].slice.call(arguments,2)
            return function(){
                // let mybind = bind(fn1,obj)
                // mybind('小明',19)
                //如果是这样调用,那么传入的参数就是这个函数中获取
                let arg2 = [].slice.call(arguments)
                let arrArr = arg1.concat(arg2)
                return fn.apply(obj,arrArr)
            }
        }
  • 特点:预处理,延迟执行
    延迟执行:bind(),这样调用并不会执行,需要bind()()才可以执行
  • 应用场景: 如果相同业务逻辑的代码,可以封装在一个柯里化函数中,第一层传入不变的部分,第二层传动态的部分,在需要的时候调用即可。

bind

function bind(fn,context){
       //这里的arguments就是fn,context,2,事先生命要传什么函数
        var args = [].slice.call(arguments,2)
        return function(){
            // 将这个第二层函数的arguments转成数组,这个参数就是事件对象e
            var innerArgs = [].slice.call(arguments)
            // 最终将第一层函数的参数和第二层函数的参数组合成一个数组
            var finalArgs = args.concat(innerArgs)
            // fn执行,this是context,传入的参数是两个函数组成的所有参数
            return fn.apply(context,finalArgs)
        }
}
---
let obj = {
  name : 'nn'
 }
 function fn(){
  console.log(this.name)
}
 // bind执行了一次,点击的时候就是执行了第二次
div1.onclick = bind(fn,obj,'我是函数的参数') // nn
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 193,812评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,626评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,144评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,052评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,925评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,035评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,461评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,150评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,413评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,501评论 2 307
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,277评论 1 325
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,159评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,528评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,868评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,143评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,407评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,615评论 2 335

推荐阅读更多精彩内容

  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 2,707评论 2 9
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,093评论 0 13
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,338评论 0 5
  • 5 月初的时候,一直被提醒硬盘空间所剩无几,需要清理文件。然而把 SSD 上的文件全部备份并删除了大部分的文件后,...
    跑步ing阅读 9,752评论 1 2
  • 电闪雷鸣暴雨骤, 雨砸地面浪花溅。 老父疼爱儿身健, 冒雨为儿送早餐。 父衣全湿儿心痛, 强颜欢笑谢父言。 儿懂孝...
    六月天气阅读 420评论 12 12