PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布
首页
课程
路径
文章
PHP培训
精品课
下载
最新更新

博客列表 > JavaScript 之 作用域和闭包，类的继承

JavaScript 之 作用域和闭包，类的继承

Blastix Riotz
Blastix Riotz 原创
2021年04月08日 18:31:15 611浏览 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>作用域和闭包</title>
  8. </head>
  9. <body>
  10.     <script>
  11.         //作用域：全局，函数，块
  12.         //1. 全局作用域，默认的，不可删除
  13.         // let site = "php";
  14.         console.log(site);
  15.         //由全局对象调用
  16.         //全局对象：如果在浏览器中运行js，那么全局对象就是window
  17.         console.log(window.site);
  19.         //2.函数作用域
  20.         function getSite(){
  21.             //site是声明在函数外部的全局变量
  22.             //在函数内部可以访问到外部的全局变量
  23.             // let site = "京东"；
  24.             //私有成员，仅在当前作用内访问，外部不可见
  25.             let domain = "php.cn"；
  26.             return site；
  27.         }
  28.         console.log(getSite());
  30.         // console.log(domain);
  32.         // 3.块作用域
  33.         {
  34.             let a = 1;
  35.             const B = "Hello";
  37.             //var不支持块作用域，声明的变量会泄露到函数外
  38.             var a = 1;
  39.             var B = "Hello";
  40.         }
  42.         console.log(a, B);
  44.         //4.闭包
  45.         let c = 100;
  46.         function sum(a,b){
  47.             // return a+b;
  48.             // 现在已经产生了闭包
  49.             // 函数中的变量来源有两种类型
  50.             // 1.形参：a，b，这是函数自有的
  51.             // 2.自由变量：c，c并不是这个函数自有的
  53.             // 当前函数可以访问到上一级/外部的自由变量
  54.             //闭包：能够访问自由变量的函数就是闭包
  55.             //理论上来讲，所有函数都是闭包
  56.             return a+ b+ c;
  57.         }
  58.         console.log(sum(4,5));
  60.         //通过闭包来访问内部的私有变量
  61.         function demo1(){
  62.             //室友变量
  63.             let email = "qq.com";
  65.             function d(){
  66.                 //对于这个子函数，email就是他的自由变量
  67.                 return email;
  68.             }
  69.         }
  70.         let f = demo1();
  72.         console.log(f())
  73.     </script>
  74. </body>
  75. </html>
上一条： 210401 JavaScript 值传递与引用传递, 模板字面量, 标签函数, 解构, bind() call() apply() 函数, Getter Setter, 流程控制 下一条： 【JS基础入门】JavaScript中创建对象的7种创建模式
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多
热门课程