前端基础 - JavaScript高级应用(用变量操纵函数)

简介: 前端基础 - JavaScript高级应用(用变量操纵函数)

使用 JavaScript 时,我会经常在变量或数组中存储函数 ,例如:

<head>
  <script type='text/javascript'>
    hot = function hot() {
        alert('Sweat.')
     }
    cold = function cold() {
        alert('Shiver.')
    }
     function swap() {
        temp = hot
        hot = cold
        cold = temp
          alert('Swapped.')
     }
     </script>
  </head>
  <body>
      <button onclick="hot();">Hot</button>
      <button onclick="cold();">Cold</button>
      <button onclick="swap();">Swap</button>
  </body>

函数是 JavaScript 中的一类对象,可以自由地操纵它们。首先我声明两个函数:hot 和 cold。并分别在不同的变量存储它们。单击 Hot 或 Cold 按钮会调用对应的函数,生成一个告警。接下来,声明另一个函数用来交换 Hot 和 Cold 按钮的值,将此函数与第三个按钮关联,该按钮显示如图 3 所示的告警:

目录
相关文章
|
3月前
|
机器学习/深度学习 JavaScript 前端开发
JS进阶教程:递归函数原理与篇例解析
通过对这些代码示例的学习,我们已经了解了递归的原理以及递归在JS中的应用方法。递归虽然有着理论升华,但弄清它的核心思想并不难。举个随手可见的例子,火影鸣人做的影分身,你看到的都是同一个鸣人,但他们的行为却能在全局产生影响,这不就是递归吗?雾里看花,透过其间你或许已经深入了递归的魅力之中。
135 19
|
5月前
|
JavaScript 前端开发 容器
|
5月前
|
JavaScript
JS实现多条件搜索函数
JS封装的多条件搜索
|
5月前
|
JavaScript 前端开发
|
5月前
|
存储 JavaScript 前端开发
|
5月前
|
移动开发 JavaScript 前端开发
|
5月前
|
存储 JavaScript 前端开发
|
5月前
|
JavaScript 前端开发
|
5月前
|
JavaScript 前端开发
|
5月前
|
存储 JavaScript 前端开发