Document /* 1.什么是函数...函数就是没有和其它的类显示的绑定在一起的, 我们就称之为函数 2.什么是方法?...方法就是显示的和其它的类绑定在一起的, 我们就称之为方法 3.函数和方法的区别 3.1函数可以直接调用, 但是方法不能直接调用, 只能通过对象来调用 3.2...函数内部的this输出的是window, 方法内部的this输出的是当前调用的那个对象 4.无论是函数还是方法, 内部都有一个叫做this的东东 this是什么?...谁调用了当前的函数或者方法, 那么当前的this就是谁 */ //函数 function demo() { console.log
html lang="en"> Document //工厂函数是专门创建对象的函数
什么是函数? * 具有特定功能的n条语句的封装体 * 只有函数是可执行的, 其它类型的数据是不可执行的 * 函数也是对象 2. 为什么要用函数? * 提高代码复用 * 便于阅读和交流 3....如何定义函数? * 函数声明 * 表达式 4. 如何调用(执行)函数?.../ 是Object类型的实例 console.log(fn.prototype) // 内部有属性 console.log(fn.call) // 内部有方法 fn.t1 = 'atguigu' //...什么函数才是回调函数? * 你定义的 * 你没有直接调用 * 但最终它执行了(在特定条件或时刻) 2. 常见的回调函数?...* DOM事件函数 * 定时器函数 * ajax回调函数(后面学) * 生命周期回调函数(后面学) --> //1.
lang="en"> Document /*1.什么是递归函数...递归函数就是在函数中自己调用自己, 我们就称之为递归函数 递归函数在一定程度上可以实现循环的功能 2.递归函数的注意点 每次调用递归函数都会开辟一块新的存储空间
分享一个JS封装的运动函数,里面分为弹性运动和缓冲运动两个方法,通过调用startMove()函数来实现动画效果。...obj, attr_in, value_in) }; } } var MOVE_TYPE = { BUFFER: 1, FLEX: 2 }; // 调用运动的函数
JS中的高阶函数 高阶函数是指以函数作为参数的函数,并且可以将函数作为结果返回的函数。 1....高阶函数 接受一个或多个函数作为输入 输出一个函数 至少满足以上一个条件的函数 在js的内置对象中同样存在着一些高阶函数,像数组的map,filter,reduce方法等,它们接受一个函数作为参数,并应用这个函数到列表的每一个元素...,这里就不一一说明了,从上面的三个方法中,已经能很直观的感受到了函数接收函数作为参数,再返回值的过程,逼格很高也很好用 2....函数柯里化 与偏函数不同,柯里化是把接收多个参数的函数转换成多个只接收一个参数的函数。...,这段代码中,实现了输入输出个人信息的功能,通过myInfo函数将参数拼接返回,这实际上很简单,但是当用很多很多的用户信息时,需要一直传递着个人信息这个参数,这样显然是不合理的 function myInfo
没有返回值的函数: public void Sun(int a,int b){ } Sun(1,2); 这样的参数a,b是形参,也就是形式参数,调用函数是给的参数1,2是实参,也就是实际参数。...function是定义函数,并不会执行,调用函数时才会寻找该函数名的定义内容。 JavaScript中函数的定义和调用先后顺序可以先写调用在写定义。...需要注意的是定义函数是的形参并不需要用var定义。...补充:强类型语言中有默认值的函数,js不支持有默认值的函数 function jiSuan(a,b=2){ alert(a+b); } //调用函数 jiSuan...,所谓字符串的长度是指其包含的字符的个数。
理解 * 全称: Immediately-Invoked Function Expression 立即调用函数表达式 * 别名: 匿名函数自调用 2.
首先,什么是匿名函数? - 匿名函数主要利用函数内的变量作用域,避免产生全局变量,影响整体页面环境,增加代码的兼容性。(如下图) ? 那么 他的作用是什么?...如何避免 将页面中使用的各类函数都封在以下函数中: (function ($) { })($); 将jQuery特有的'$'符号作为参数传入匿名函数中以保护页面中的内容...,当然,除了jQuery也有其他的框架也可能需要有这样的匿名函数来保护页面。...---- 个人的看法:这个匿名函数也有些类似于ES6中的let方法,所声明的内容能够有效避免全局变量的产生,所以即使在控制台中,也不能够随意改变该页面的内容,我想 let方法的出现可能就是为了补充前面的不足吧...上面的是我个人的看法,至于有没有什么补充的,欢迎大家来一起探讨,本人还只是一个小白,其知识并不是很多。希望可以多多指教
map函数 首先让我们回顾一下,map函数的第一个参数callback: var new_array = arr.map(function callback(currentValue[, index[,...parseInt函数 parseInt 基数是一个介于2和36之间的整数。...模拟情况 了解这两个函数后,我们可以模拟一下运行情况。 parseInt('1', 0) //radix为0时,且string参数不以“0x”和“0”开头时,按照10为基数处理。...这个时候返回1 parseInt('2', 1) //基数为1(1进制)表示的数中,最大值小于2,所以无法解析,返回NaN parseInt('3', 2) //基数为2(2进制)表示的数中,最大值小于...3,所以无法解析,返回NaN map函数返回的是一个数组,所以最后结果为[1, NaN, NaN]
js中有一个很有意思的点,在于如果你想声明一个函数,比如我们经常的做法如下: function _test() { console.log("我是一个js函数") } let _test...= function() { console.log("我是一个js函数") } 以上是我们写代码的时候经常用到的创建函数的方式,但是如果我们想执行他的时候,就需要进行函数的调用,比如 _test...,原因很简单,被执行的函数需要是一个整体,就这么简单 优点1 看到这个经常写js的人会抬杠,我直接写console.log() 不行吗?...假设我不想让页面或者是用这个js的人使用我的count函数,那么我完全可以将count函数进行隐藏,这种写法在哪里出现的比较多,jQuery的源码里面,我们可以选择性的将我们需要提供出去的全局函数暴露出去...功能还可以实现掉,这个术语叫做隐藏实现 注:$ 是一个函数, 执行后返回的是一个对象
没有副作用 没有副作用No Side Effects,是指在完成函数主要功能之外完成的其他副要功能,在我们函数中最主要的功能当然是根据输入返回结果,而在函数中我们最常见的副作用就是随意操纵外部变量。...由于Js中对象传递的是引用地址,哪怕我们用const关键词声明对象,它依旧是可以变的。保证函数没有副作用,一来能保证数据的不可变性,二来能避免很多因为共享状态带来的问题。...,而我们平时生活中常用的其实是部分函数应用,这样的好处是可以固定参数,降低函数通用性,提高函数的适合用性,在很多库函数中curry函数都做了很多优化,已经不是纯粹的柯里化函数了,可以将其称作高级柯里化,...,其自动帮我们进行回调函数的处理,只需要在Thunk函数中传递一些函数执行所需要的参数比如例子中的index,然后就可以编写Generator函数的函数体,通过左边的变量接收Thunk函数中funct执行的参数...上边也并不存在接收变量的语句,无需传递参数,接下来就是判断是否执行完这个生成器函数,在这里并没有执行完,那么将自定义的next函数传入res.value中,这里需要注意res.value是一个函数,可以在下边的例子中将注释的那一行执行
好吧,一直在秋招中,都没怎么写博客了。。。今天赶紧来补一补才行。。。我发现,在面试中,讲到函数节流好像可以加分,尽管这并不是特别高深的技术,下面就聊聊吧!...又例如,我们常见的一个搜索的功能,我们一般是绑定keyup事件,每按下一次键盘就搜索一次。但是我们的目的主要是每输入一些内容搜索一次而已。为了解决这些问题,就可以使用定时器对函数进行节流。...目的是只有在执行函数的请求停止了一段时间之后才执行。...实际上,我们更希望的是,当达到某个时间值时,一定要执行一次这个搜索函数。所以,就有了函数节流的改进模式。..._start){ //若该函数是第一次调用,则直接设置_start,即开始时间,为_cur,即此刻的时间 fn._start=fn._cur; } if(fn.
一、主动执行函数。...demo-two”);}第三种:匿名表达式function(){console.log(“this is demo-three”);}var name=“maomin”;function main(){//这里是声明一个叫...mian函数,简单的叫做函数体,现在还不是函数表达式。...console.log(this.name);//输出 maomin}main();这里的main函数称为主动执行函数,什么叫主动执行函数呢?就是立即执行的函数啊。...var main=function(){console.log(this.name);//输出maomin,这里是函数表达式。}
从ES6开始 在严格模式下,块里的函数作用域为这个块。ES6之前不建议块级函数在严格模式下使用....在ES6非严格模式下, 块中函数声明会出现提升, 所以最好使用函数表达式来定义函数 ---- 走走流程看看到底发生了啥 我们可以先把, function a () {}注释掉, 可以看到报错了, Uncaught...然后, 我们可以打点调试一下 在if 中的a=1语句之前, 我们可以看到函数声明已经提升了, 此时if作用域里a为函数 ? 而全局的a还是undefined ?...给a=1后, 可以看到, 全局的a依然是undefined, 而块级作用域里, a的值为1 ?...随后运行a=5, 则只是在块级作用域里的赋值, 不会对全局作用域的a值进行修改 ---- 当然, 如果使用函数表达式来声明函数的话, 可以避免 var a if (true) { console.log
onClick中的函数自动被调用问题 来看如下两种html片段 // 每次加载都会执行一次 合同 // 正常执行 this.clickCon}>合同 原因 第一种写法是每次加载时,先调用...clickCon方法,然后将执行结果赋给onclick,每次都会执行 后面一种是将clickCon方法传递给onclick,所以只有触发click才会执行 解决方法 使用匿名函数 // 正常执行 <a
写在前面 几天没有更新博客了,最近也没什么可忙的,今天我们说说js函数中常见的性能优化中的一个方式-函数节流! 首先明白一点,但凡涉及到性能优化的,基本都不是什么技术难点,为什么这么说呢?...,例如发送验证码的功能实现,其实很多的场景是不允许我们的用户连续点击的,所以我们要明白这个,那么这个就是我们今天要说的,函数节流!...说一下函数节流的原理,其实很简单,就是我们写一段代码的时候,规定他在一定时间内不准连续执行, 第一次调用函数的时候,创建一个定时器,执行函数以后重置定时器,同时清除之前的定时器,那么每次其实我们的定时器都是最新的...,所以第一次是执行的, if(!...这里多说一点,有的函数节流做的比较好的,其实是记录当前时间的,按照时间的间隔来判断用户是否可以点击这个函数,这个看需求吧,有这样的需求的时候我贴出来相应的例子!
介绍:call与apply都属于Function.prototype的一个方法,所以每个function实例都有call、apply属性 1.改变函数内部的this指向: // 有一个局部的test2...方法, // test2被作为普通函数调用时, // test2内部的this指向了window, // 但我们往往是想让它指向该#test节点,见如下代码: document.querySelector...function test3(){ console.log(this) } test3.call(this) //改变了test2的this指针 test2.call(this) } 2.使用call来实现构造函数的继承...function one(){ this.a = 1, this.b = 2, this.test = function(){ // console.log(this) } } //通过call来实现构造函数的继承
函数是一段结合在一起执行特定任务的代码,函数一般使用参数与外部进行交互。要编写简洁高效的JS代码,必须掌握函数参数。 在本文中,会使用一些有趣的例子来解释 JS 必须有效地处理函数参数的所有特性。...3.解构参数 在JS函数参数中,咱特别喜欢的是解构的特性。可以将内联参数的对象或数组进行解构。...4. arguments 对象 JS 函数的另一个很好的特性是能够用可变参数调用同一个函数。这样可以使用 arguments 对象来获取传入的所有参数。...:箭头w函数中没有arguments 。...arguments 是一个特殊的类数组对象,它包含函数调用时使用的所有参数。 作为arguments的更好替代,可以使用剩余参数特性。它也保存参数列表,但是,它将它们存储到数组中。