caller和caller

  前言

86344376872488f40315f72d227b3b64.png

 我是歌谣 最好的种树是十年前 其次是现在 今天继续给大家带来的是caller和callee的讲解

  环境配置

a4dfbe3d27eb68656523fc7406ba06a4.png

npm init -y
yarn add vite -D

 修改page.json配置端口

51953d41601cf25914cc5d941bf3a1b1.png

{
  "name": "demo1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "vite --port 3002"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "vite": "^4.4.9"
  }
}

 案例1

c01b95ce8ef686b8aae74efdc076a192.png

function test(a,b,c){
    console.log(arguments.callee.length)
    console.log(test.length)
    console.log(arguments.length)
}
test(1,2)

 运行结果

534fada2975e328203f96b35049fe523.png

978b5b6ebe04ce694ee9bc2526de43ea.png

 案例2

7e12cda156a3a47e2ef00b78ac69409b.png

function test1(){
    console.log(arguments.callee)
    function test2(){
        console.log(arguments.callee)
    }
    test2()
}
test1()




function sum(n){
    if(n<=1){
        return 1
    }
    return n+sum(n-1)
}
var res=sum(10)
console.log(res)

 运行结果

cc878a89fe678d550e0443a23144834d.png

6b7b5867f39e5be38077911ea6e6a63e.png

 案例3

56829937d1dab8d5d0e1b5915857c67d.png

var sum=(function(n){
    if(n<=1){
        return 1
    }
    return n+arguments.callee(n-1)
})(10)
console.log(sum)

 运行结果

f5b08f40f5493ac4b01b080ad6d5f41e.png

99d670db370c05c7070106ac4fe50968.png

 案例4

f8705963fe49d2c1d967adf45f55bbe5.png

function test1(){
    test2()
}
function test2(){
    console.log(test2.caller)
}
test1()

 运行结果

a3178b854cf57a1b49cbd3739119c8d9.png

3d0bcaf43aad68ce75e6b33965567051.png

0de87204b8d01a50990aa23713629f15.png

点击上方 蓝字 关注我们

下方查看历史文章

f049cdcfab32c3518d091c5229450357.png

this指向

对象属性的遍历

链式调用

Pinia使用案例

Vuex讲解

DOM-Diff讲解

posted @ 2023-10-26 15:48  前端导师歌谣  阅读(17)  评论(0)    收藏  举报  来源