首页 > 其他分享 >前端歌谣-第贰拾陆课-闭包

前端歌谣-第贰拾陆课-闭包

时间:2023-11-06 12:34:35浏览次数:27  
标签:闭包 function console 歌谣 陆课 sunSched var breadNum log

前言

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

环境配置

npm init -y
yarn add vite -D

修改page.json配置端口

{
  "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

function test1(){
    function test2(){
        var b=2;
        console.log(a)
    }
    var a=1;
    return test2()
}
var c=3
var test3=test1();

分析

前端歌谣-第贰拾陆课-闭包_环境配置

前端歌谣-第贰拾陆课-闭包_ci_02

前端歌谣-第贰拾陆课-闭包_ci_03

前端歌谣-第贰拾陆课-闭包_json_04

前端歌谣-第贰拾陆课-闭包_json_05

案例2

function test(){
    var n=100
    function add(){
        n++
        console.log(n)
    }
    function reduce(){
        n--
        console.log(n)
    }
    return [add,reduce]
}
var arr=test()
arr[0]()
arr[1]()

运行结果

前端歌谣-第贰拾陆课-闭包_环境配置_06

案例2

function breadMsg(num) {
    var breadNum = arguments[0] || 10
    function supply() {
        breadNum += 10
        console.log(breadNum)
    }
    function sale() {
        breadNum -= 10
        console.log(breadNum)
    }
    return [supply, sale]
}
var breadMsg = breadMsg(50)
breadMsg[0](10)

运行结果

前端歌谣-第贰拾陆课-闭包_环境配置_07

案列3

function sunSched(){
    var sunSched=''
    var opration={
        setSched:function(thing){
            sunSched=thing
        },
        showSched:function(){
            console.log("MY schedule on sunday is "+sunSched)
        }
    }
    return opration
}
var sunSch=sunSched()
sunSch.setSched("studying")
sunSch.showSched()

运行结果

前端歌谣-第贰拾陆课-闭包_ci_08

标签:闭包,function,console,歌谣,陆课,sunSched,var,breadNum,log
From: https://blog.51cto.com/u_14476028/8203924

相关文章

  • 前端歌谣-第贰拾三课-递归
    前言我是歌谣最好的种树是十年前其次是现在今天继续给大家带来的是递归的讲解环境配置npminit-yyarnaddvite-D修改page.json配置端口{"name":"demo1","version":"1.0.0","description":"","main":"index.js",&......
  • 前端歌谣-第贰拾四课-预编译流程
    前言我是歌谣最好的种树是十年前其次是现在今天继续给大家带来的是预编译基础的讲解环境配置npminit-yyarnaddvite-D修改page.json配置端口{"name":"demo1","version":"1.0.0","description":"","main":"index.js",......
  • JavaScript函数变量的生命周期,自执行函数、闭包、反转数组案例及冒泡排序案例
    一、变量的生命周期JavaScript变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。二、自执行函数执行函数通常都是定义之后立即执行,以后都不再会调用,所以声明时可以省略函数名,因此自执行函数又叫匿名函数。通用的自执行......
  • 前端歌谣的刷题之路-第六十九题-根据id获取元素
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣题目......
  • 前端歌谣的刷题之路-第七十题-阻止冒泡事件
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣题目......
  • 前端歌谣的刷题之路-第六十七题-this指向
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣题目......
  • 前端歌谣的刷题之路-第六十八题-js动态创建节点
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣题目......
  • 前端歌谣-第贰拾壹课-函数基础
    前言我是歌谣最好的种树是十年前其次是现在今天继续给大家带来的是函数基础环境配置npminit-yyarnaddvite-D修改page.json配置端口{"name":"demo1","version":"1.0.0","description":"","main":"index.js",&q......
  • 前端歌谣-第贰拾贰课-函数参数默认值
    前言我是歌谣最好的种树是十年前其次是现在今天继续给大家带来的是this指向的讲解环境配置npminit-yyarnaddvite-D修改page.json配置端口{"name":"demo1","version":"1.0.0","description":"","main":"index.js",......
  • 【闭包应用】JS:防抖、节流
    1、防抖:当进行连续操作时,只执行最后一次的操作。//防抖的概念是当进行连续操作时,只执行最后一次的操作。functiondebounce(fn,delayTime){lettimeout=null;returnfunction(){if(timeout){clearTimeout(timeout);......