JavaScript学习笔记（一）:switch 语句嵌套，函数闭包

最新推荐文章于 2024-03-05 12:42:43 发布

Mr.Piglet

最新推荐文章于 2024-03-05 12:42:43 发布

阅读量2.6k

点赞数 1

分类专栏： JavaScript 文章标签：闭包 JavaScript switch

本文链接：https://blog.csdn.net/qq_38931949/article/details/86506805

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

switch 语句的运用

工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。使用 break 来阻止代码自动地向下一个 case 运行；使用 default 来规定匹配不存在时做的事情。

小案例：通过点击按钮获得日期

展示页面

<!--switch 语句-->
<html>
 <head></head>
 <body>
  <p>switch 语句</p> 
  <button onclick="switchTest()" style="height: 40px; width: 100px; color: black; font-size: 12px;">点击</button> 
  <p id="switch"></p>
 </body>
</html>

js编写

/*switch 语句*/
function switchTest() {
    var x;
    var d = new Date().getDay();

    switch (d) {
    case 6:
        x = "Sat";
        break;
    case 0:
        x = "Sun";
        break;
    default:
        x = "期待周末！";
    }
    document.getElementById("switch").innerHTML = x;
}

闭包函数的运用

全局变量的作用域是全局性的，即在整个JavaScript程序中，全局变量处处都在。

而在函数内部声明的变量，只在函数内部起作用。这些变量是局部变量，作用域是局部性的；

函数的参数也是局部性的，只在函数内部起作用。

为了解决变量生命周期在函数中计数时产生的局限性，使用闭包。

小案例：简单计数器

展示页面

<!--函数的闭包-->
<html>
 <head></head>
 <body>
  <p>函数的闭包</p> 
  <button type="button" onclick="myFunction()">+</button> 
  <p id="bibao">0</p>
 </body>
</html>

js编写

/*JavaScript函数闭包*/
var add = (function() {
    var counter = 0;
    return function() {
        return counter += 1;
    }
})();
/*闭包调用*/
function myFunction() {
    document.getElementById("bibao").innerHTML = add();
}

工作原理：

函数的自我调用
   1.变量 add 指定了函数自我调用的返回字值。
   2.自我调用函数只执行一次。设置 0。并返回函数表达式。
   3.add变量可以作为一个函数使用。它可以访问函数上一层作用域的计数器。

这就是JavaScript 闭包。它使得函数拥有私有变量变成可能。

Mr.Piglet

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习笔记（一）:switch 语句嵌套，函数闭包

switch 语句的运用工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。使用 break 来阻止代码自动地向下一个 case 运行；使用 default 来规定匹配不存在时做的事情。小案例：通过点击按钮获得日期展示页面&lt;!--switch 语句--&gt;&l...
复制链接

扫一扫

专栏目录