函数

  • js函数防抖与函数节流入门基础知识_js知识使用指南

    概念有一些浏览器事件可以在很短的事件内快速触发多次,例如 调整窗口大小 或 向下滚动 页面。例如,如果将事件监听器绑定到窗口滚动事件上,并且用户继续非常快速地向下滚动页面,你的事件可能会在3秒的范围内被触发数千次。这可能会导致一些严重的性能问题,如果在面试中讨论构建应用程序和事件,如滚动、窗口调整大小,或键盘按下的事件时,一定要提及函数防抖动和函数节流来提升

    2020/04/06
  • javascript偏函数应用与柯里化的区别入门知识_柯里化菜鸟攻略

    很多刚刚了解函数式编程的人会对偏函数应用(partial application)和柯里化(currying)之间的区别感到困惑。实际上,直到现在也很少在 JavaScript 中看到柯里化的实际使用,许多叫curry()的工具函数并不是柯里化函数。它们其实是偏函数!如果你也不清楚区别,本文会为你梳理清楚,不过让我们搞清楚一些词语:定义应用: 将函数应用于参

    2020/04/06
  • 使用闭包的方式实现一个累加函数 addNum菜鸟教程网_闭包基础教程

    使用闭包的方式实现一个累加函数 addNum,参数为 number 类型,每次返回的结果 = 上一次计算的值 + 传入的值,如: addNum(10); //10 addNum(12); //22 addNum(30); //52 写法一function sum(numberOne) {var count = numberOne;return functi

    2020/04/05
  • js调用函数的几种方法基础入门ES5/ES6的函数调用方式_函数小白知识

    这篇文章主要介绍ES5中函数的4种调用,在ES5中函数内容的this指向和调用方法有关。以及ES6中函数的调用,使用箭头函数,其中箭头函数的this是和定义时有关和调用无关一、ES5函数调用模式包括函数名()和匿名函数调用,this指向window function getSum() {console.log(this) //window}getSum()(

    2020/04/05
  • js构造函数基础教程_函数入门基础教程

    使用构造函数构造可以复用的对象JS中的函数即可以是构造函数又可以当作普通函数来调用,当使用new来创建对象时,对应的函数就是构造函数,通过对象来调用时就是普通函数。在我们平时工作中,经常会需要我们创建一个对象,而我们更多的是使用对像直接量,直接创建,举个栗子,代码如下var person = {name:’postbird’,address:’earth’,

    2020/04/03
  • 什么是纯函数小白教程以及为什么要用纯函数?_函数小白常识

    当我第一次听到 “纯函数 (Pure Function)” 这个术语的时候我很疑惑。常规的函数做错了什么?为什么要变纯? 为什么我需要纯的函数?除非你已经知道什么是纯函数,否则你可能会问同样的疑惑。不过这个概念其实很简单。我们可以花个 5 分钟一起来看以下。什么函数是纯的?纯函数的定义是:如果函数的调用参数相同,则永远返回相同的结果。它不依赖于程序执行期间函

    2020/04/03
  • es6中 Array.from()函数的用法小白指南_Array入门基础教程

    前言ES6为Array增加了from函数用来将其他对象转换成数组。当然,其他对象也是有要求,也不是所有的,可以将两种对象转换成数组。1.部署了Iterator(迭代器)接口的对象,比如:Set,Map,Array。2.类数组对象,什么叫类数组对象,就是一个对象必须有length属性,没有length,转出来的就是空数组。具体用法Array.from可以接受三

    2020/04/03
  • js函数内部两个特殊的对象之arguments和this指南攻略_函数零基础入门

    在函数内部,有两个特殊的对象:arguments和this。1、argumentsarguments是一个类数组对象。包含着传入函数中的所有参数。但这个对象还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数。经典案例:阶乘函数function factorial(num){if(num <= 1){return 1;}

    2020/04/03
  • Class:向传统类模式转变的构造函数使用帮助_class新手入门

    前言JS基于原型的‘类’,一直被转行前端的码僚们大呼惊奇,但接近传统模式使用class关键字定义的出现,却使得一些前端同行深感遗憾而纷纷留言:“还我独特的JS”、“净搞些没实质的东西”、“自己没有类还非要往别家的类上靠”,甚至是“已转行”等等。有情绪很正常,毕竟新知识意味着更多时间与精力的开销,又不是简单的闭眼享受。然而历史的轴印前行依旧,对于class可以

    2020/04/03
  • js函数式编程与代码执行效率使用帮助_代码小白攻略

    偶尔我也有意识的读一些关于函数式编程的文章, 虽然在工作中实践的机会不多, 但我十分喜欢函数式编程的风格. 在现代浏览器中, 使用函数式编程实用且高大上.函数式编程对应的是命令式编程, 函数式编程的核心当然是对函数的运用. 而高阶函数(Higher-order)是实现函数式编程的基本要素高阶函数可以将其他函数作为参数或者返回结果。所以JS天生就支持函数式编程

    2020/04/03
  • React事件处理函数必须使用bind(this)的原因使用指南_react小白教程

    学习React的过程中发现调用函数的时候必须使用bind(this),之后直接在class中声明函数即可正常使用,但是为什么呢,博主进行了一番查阅,总结如下。1.JavaScript自身特性说明如果传递一个函数名给一个变量,之后通过函数名()的方式进行调用,在方法内部如果使用this则this的指向会丢失。
    示例代码:首先我们创建test对象并直接调用方法

    2020/04/03
  • JavaScript中函数的调用和this的指向指南攻略_函数菜鸟教程下载

    1.普通函数调用 this 指向 windowfunction fn() {console.log(this);
    }
    window.fn();
    2.方法调用 this 指向 调用该方法的对象var obj = {fun: function () {console.log(this);}
    }
    obj.fun();
    3.作为构造函数的调用 构造函数内部的this

    2020/04/03
  • jQuery属性操作之.val()函数菜鸟攻略_jquery入门基础

    val()实例方法的三种用法$(‘xxx’).val() : 获取匹配的元素集合中第一个元素的当前value属性值(property)$(‘xxx’).val(value) : 设置匹配的元素集合中每个元素的value属性值(property)$(‘xxx’).val(function(index,value){}) :钩子函数未设置或无效时,将函数func

    2020/04/03
  • 如何写一个作用域安全的构造函数基础指南_函数教程视频

    基础部分构造函数本质上就是一个使用new操作符调用的函数,使用new调用时,构造函数内用到的this对象会指向新创建的对象实例:function Girlfriend(name, age, height) {this.name = name;this.age = age;this.height = height;
    }// 使用new操作符来分配这些属性
    va

    2020/04/03
  • 少用JS匿名函数入门教程不使用JS匿名函数的三个理由_匿名函数基础教程

    无论你在什么时候读代码,您都必须注意到匿名函数。有时它们被称为 lambda,有时是匿名函数,不管怎样,我认为他们是不好使用的。如果你不知道匿名函数是什么,这里有一个引语:匿名函数是一种在运行时动态声明的函数。它们之所以被称为匿名函数是因为不同于普通函数,它们并没有函数名 。 — Helen Emerson, Helephant.com匿名函数形式如下:fu

    2020/04/03
  • js函数式编程-函数合并菜鸟教程网_函数入门知识

    函数编程的函数组合:两个纯函数组合之后返回了一个新函数var compose = function(f,g) {return function(x) {return f(g(x));};
    };效果:var toUpperCase = function(x) {
    return x.toUpperCase();
    };
    var exclaim = function

    2020/03/31
  • css中calc()函数小白常识_函数入门百科

    calc()函数css3中函数:用于动态计算长度值。(注意事项:运算符前后都需要保留一个空格,例如:width: calc(100% – 10px))任何长度值都可以使用calc()函数进行计算;calc()函数支持 “+”, “-“, “*”, “/” 运算;calc()函数使用标准的数学运算优先级规则案例:
    <h

    2020/03/30
  • Js方法/函数重载的实现使用教程_函数基础指南

    函数重载(function overloading),是 Ada、C++、C#、D、Java等编程语言中具有的一项特性,这项特性允许创建数项名称相同但输入输出类型或个数不同的子程序,它可以简单地称为一个单独功能可以执行多项任务的能力。维基百科-函数重载函数重载是强类型语言的特性,虽然 js 是弱类型语言,我们可以通过一些方法实现函数重载。 场景班级中有很多

    2020/03/30
  • Generator函数使用指南_函数菜鸟知识

    Generator函数的定义在阮一峰老师的书中的说法是: Generator 函数有多种理解角度。语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象,也就是说,Generator 函数除了状态机,还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历 Generator

    2020/03/30
  • es6 函数的扩展入门教程_函数菜鸟指南

    函数参数的默认值
    我们都知道声明函数可以设置形参,但你有没有想过形参也可以直接设置默认值,我们接下来看看如何去写
    代码
    function f(x,y=2) {return x+y
    }
    console.log(f(2)) // 4
    上面的小例子只是设置了一个y的默认值2,然后我们使用这个函数的时候,只传递了x的参数2,所以我们会得到4,如果我们给y传递参数1呢

    2020/03/30