JavaScript中的函数(二)

 更新时间:2015年12月23日 14:36:45   作者:苏小铃  
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。本文给大家介绍介绍javascript中的函数(二),对javascript函数相关知识感兴趣的朋友一起学习吧

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

JavaScript 函数语法

函数就是包裹在花括号中的代码块,前面使用了关键词 function:

function functionname()
{
这里是要执行的代码
}

当调用该函数时,会执行函数内的代码。

可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。

提示:JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数。

1. 函数的作用域

作用域是指变量的存在的范围。javascript中有两种作用域,一种是全局作用域,变量在整个程序中一直存在,另一种是函数作用域,变量只存在于函数体内部。在函数体外部声明的变量就是全局变量,它也可以在函数体内部读取。

var v = 1;
function f(){
   console.log(v);
}
f();

上述这就是全局变量,函数体内部也可以使用。

function f(){
  var v = 1;
}

而这个就是局部变量,函数体外部无法读取。

2. 闭包

闭包就是定义在函数体内部的函数。

function f() {
  var c = function (){}; 
}

上诉代码中c是定义在函数体f中的,c就是闭包。

闭包的特点就在于,在函数体外部可以读取函数体内部的变量。

function f() {
  var v = 1;
  var c = function (){
    return v;
  };
  return c;
}
var o = f();
o();
// 1

上面的代码显示,原先在函数f外部,我们是没有办法读取内部变量v的。但是,借助闭包c,可以读到这个变量。

闭包不仅可以读取函数内部变量,还可以使得内部变量记住上一次调用时的运算结果。

function f(b) {
  return function () { 
    return b++;
  }
}
var b= f(5);
b() // 5
b() // 6
b() // 7

函数内部的b变量,每一次调用都是在上一次调用时的值的基础上进行计算的。

以上所述是小编给大家介绍的JavaScript中的函数(二) 的全部叙述,希望大家喜欢。

相关文章

  • javascript实现延时显示提示框特效代码

    javascript实现延时显示提示框特效代码

    本文给大家分享的是javascript通过setTimeout实现延时显示提示框的特效代码,效果非常棒,这里推荐给大家
    2016-04-04
  • 非常酷的js图形渐隐导航菜单栏

    非常酷的js图形渐隐导航菜单栏

    非常酷的js图形渐隐导航菜单栏...
    2007-08-08
  • 小程序获取手机验证码倒计时的方法

    小程序获取手机验证码倒计时的方法

    这篇文章主要为大家详细介绍了小程序获取手机验证码倒计时的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下<BR>
    2022-08-08
  • 使用php的mail()函数实现发送邮件功能

    使用php的mail()函数实现发送邮件功能

    php中的mail()函数允许您从脚本中直接发送电子邮件,下面这篇文章主要给大家介绍了关于如何使用php的mail()函数实现发送邮件功能的相关资料,需要的朋友可以参考下
    2021-06-06
  • JavaScript canvas动画实现时钟效果

    JavaScript canvas动画实现时钟效果

    这篇文章主要为大家详细介绍了JavaScript canvas动画实现时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • 微信小程序实现日期范围选择

    微信小程序实现日期范围选择

    这篇文章主要为大家详细介绍了微信小程序实现日期范围选择,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • javascript json2 使用方法

    javascript json2 使用方法

    这是个人在最近使用json时做的总结,拿出来给没接触过的小弟们晒晒,适用与没接触过json的人员,其中json2。js请到json官网下载。
    2010-03-03
  • TypeScript中遍历对象键的方法

    TypeScript中遍历对象键的方法

    在日常的TypeScript开发中,经常需要遍历对象的键来执行各种操作,,在本文中,我们将深入研究这个问题,并提供几种解决方案,以便在遍历对象键时更安全、更灵活地操作,文中有详细的代码讲解,需要的朋友可以参考下
    2023-11-11
  • JS TextArea字符串长度限制代码集合

    JS TextArea字符串长度限制代码集合

    因为业务需求 今天做了一个textarea文本域字符串长度限制的方法,其实网上已经有了很多相关的解决方案,但在输入日语时,在IE存在BUG,我的这个版本就是针对这种情况的
    2012-10-10
  • 判断iframe是否加载完成的完美方法

    判断iframe是否加载完成的完美方法

    一般来说,我们判断 iframe 是否加载完成其实与 判断JavaScript 文件是否加载完成 采用的方法很类似
    2010-01-01

最新评论