js中的函数

认识函数:在一个完整的项目中,某些功能会被反复的使用到,那么我们就将 该功能封装进一个函数,当要使用该功能时,直接调用函数即可。

注意:函数是对功能的封装

优点

  • 节省代码,使程序结构简单易懂,提高代码的复用度(重复利用的程度)
  • 如果修改某个功能、调试某个BUG,只需要对应修改函数即可

function(){}

  • function:函数的关键字,说明这是一个函数
  • 函数名:遵守标识符的规则
  • ():参数列表的开始和结束
  • 参数列表:是函数从函数的调用者那里获取的数据,可以没有参数
  • {}:函数体的开始和结束
  • 语句:函数封装的功能
  • return 表达式;:return是给函数的调用者返回数据用,返回的数据为"表达式"的值,返回到调用函数的地方。return 表达式;可以不显示的写出来,如果没有默认返回undefined
    注意:函数声明之后不会被执行的,只是声明了一个有该功能的函数。

函数的调用:函数名(参数列表);
* 函数名:具有某种功能的函数的名字
* 参数列表:是调用者给函数的数据

变量的提升

当程序进入一个新的函数时,会将该函数中所有的变量的声明放在函数开始的位置。仅仅会提升变量的声明,不会提升变量的赋值。
注意:当局部变量与全局变量同名时,优先使用局部变量

函数也是一种数据

用变量保存函数,可以通过变量访问函数(调用函数)

匿名函数

当匿名函数没有赋值给另一个变量时有两种优雅的用法
1、直接传递给函数
2、执行某些一次性的代码

即时函数(自执行函数)

  • 当函数声明之后立即执行
  • 组成:(匿名函数)(给第一个小括号中的匿名函数传递的参数);
  • 第二个小括号表明函数立即执行,并且给函数传参
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一直走吧 向着光亮的地方 即使路有转弯 我看不到你远去的身影 又或许飞沙扬起 ...
    褐子阅读 240评论 0 2
  • 最近几天海投简历,四处碰壁。 不是直接拒绝我的,就是发了短信让你加微信又再以其他理由拒绝的,还有连回应都没有,石沉...
    游云姑姑阅读 225评论 0 0
  • 记录初入简书的时间:2017年8月25日 18:27:52
    天若丶有晴阅读 266评论 0 0

友情链接更多精彩内容