JS函数全解、闭包、递归、柯里化

2023-12-18 22:44:33

函数的返回值由什么确定??

影响因素:

1.调用时输入的参数params

2.定义时的环境env

let x1 = 'x'
let a = '1'
function f1(x1){
    return x1 + a
}

a = '3'
{
    let a = '2'
    
    console.log(f1('x'))   // 'x3'
    
}
a = '4'

// 这个例子说明a是定义时的a ,而不是执行时的a
let x1 = 'x'
let a = '1'
function f1(c){
    c()
}

{

    let a = '2'
    function f2(){
        console.log(x1+a)  // x2
        
    }
    f1(f2)
}

闭包

如果在函数里面可以访问外面的变量,那么这个函数+这些变量=闭包

闭包特点:

1 能让一个函数维持住一个变量

2 但并不能维持这个变量的值

3 尤其是变量的值会变化的时候

JS里的函数特点:

  • 支持闭包
  • 创建函数作用域
  • *有arguments
  • *有this
  • *支持new语法糖
  • 是一个对象,有name、length、call、apply、bind属性
  • 0-n个参数、1个返回值

注:箭头函数没有arguments、this、不支持new语法糖

const a = 222
const f2 = ()=>console.log(a)

console.log(this)
const f1 = ()=>console.log(this)

// 箭头函数如何处理a,就如何处理this

即? 箭头函数把this当做外部的变量,仅此而已

但是非箭头函数的this有很多特殊处理

箭头函数不支持this指的就是箭头函数对this与其他变量一视同仁,不会特殊对待。

this的确定

显示this

fn.call(asThis,1,2)
fn.bind(asThis,1,2)()
obj.method.call(obj,'hi')

隐式this

fn(1,2)  // fn.call(undefined,1,2)
obj.method('hi')  // obj.method.call(obj,'hi')
array[0]('hi') // array[0].call(array,'hi')

递归

斐波那契数列

fib=(n) =>
     n === 0 ? 0 :
     n === 1 ? 1 :
     fib(n-1) + fib(n-2)

所有的递归都可以改写循环

fib = (n) =>{

    let array = [0,1]
    for(let i=0;i<=n-2;i++){
        array[i+2] = array[i+1] + array[i]
        
    }

    return array[array.length - 1]

}

类似的例子

React.memo、 React.userCallback?用来减少计算

柯里化 currying

让所有函数只接受一个参数,主要用于函数式编程。

单一参数有什么意义?

基于单一参数函数,已经衍生出非常多理论知识,如λ演算等。

柯里化一个函数就是 把多参数函数,变成单参数函数。

如何把add(1,2,3)变成curriedAdd(1)(2)(3)

const?curriedAdd = a?=>

? ? ? ? ? ? ? ? ? ?b=>

? ? ? ? ? ? ? ? ?  c=>

? ? ? ? ? ? ? ? ?  a+b+c

文章来源:https://blog.csdn.net/content6/article/details/135070235
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。