JavaScript函数怎么封装和使用


本篇内容主要讲解“JavaScript函数怎么封装和使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript函数怎么封装和使用”吧!函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。函数在使用时分为两步:声明函数调用函数function是声明函数的关键字,必须小写由于函数一般是为了实现某个功能才定义的, 所以通常我们将函数名命名为动词,比如getSum调用的时候千万不要忘记添加小括号口诀:函数不调用,自己不执行注意:声明函数本身并不会执行代码,只有调用函数时才会执行函数体代码。函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口在声明函数时,可以在函数名称后面的小括号中添加一些参数,这些参数被称为形参,而在调用该函数时,同样也需要传递相应的参数,这些参数被称为实参参数的作用 : 在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去例如:利用函数求任意两个数的和函数调用的时候实参值是传递给形参的形参简单理解为:不用声明的变量实参和形参的多个参数之间用逗号(,)分隔,注意:在JavaScript中,形参的默认值是undefined函数可以带参数也可以不带参数声明函数的时候,函数名括号里面的是形参,形参的默认值为 undefine免费云主机域名d调用函数的时候,函数名括号里面的是实参多个参数中间用逗号分隔形参的个数可以和实参个数不匹配,但是结果不可预计,我们尽量要匹配有的时候,我们会希望函数将返回给调用者,此时通过使用 return 语句就可以实现。return 语句的语法格式如下:在使用 return 语句时,函数会停止执行,并返回指定的值如果函数没有 return,返回的值是undefinedreturn 语句之后的代码不被执行return只能返回一个值。如果用逗号隔开多个值,以最后一个为准函数都是有返回值的如果有 return ,则返回 return 后面的值如果没有 return,则返回 undefinedbreak、continue、return 的区别break : 结束当前循环体(如 for、while)continue :跳出本次循环,继续执行下次循环(如for、while)return :不仅可以退出循环,还能够返回 return 语句中的值,同时还可以结束当前的函数体内的代码1.利用函数求任意两个数的最大值2.求数组 [5,2,99,101,67,77] 中的最大数值3.创建一个函数,实现两个数之间的加减乘除运算,并将结果返回当我们不确定有多少个参数传递的时候,可以用arguments来获取。在 JavaScript 中,arguments 实际上它是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象,arguments 对象中存储了传递的所有实参arguments存放的是传递过来的实参arguments展示形式是一个伪数组,因此可以进行遍历。伪数组具有以下特点①:具有 length 属性②:按索引方式储存数据③:不具有数组的 push , pop 等方法例如:利用函数求任意个数的最大值因为每个函数都是独立的代码块,用于完成特殊任务,因此经常会用到函数相互调用的情况。具体演示在下面的函数练习中会有。1.利用函数封装方式,翻转任意一个数组2.利用函数封装方式,对数组排序 – 冒泡排序3.输入一个年份,判断是否是闰年(闰年:能被4整除并且不能被100整数,或者能被400整除)4.用户输入年份,输出当前年份2月份的天数,如果是闰年,则2月份是 29天, 如果是平年,则2月份是 28天利用函数关键字function自定义函数方式。因为有名字,所以也被称为命名函数调用函数的代码既可以放到声明函数的前面,也可以放在声明函数的后面利用函数表达式方式的写法如下:因为函数没有名字,所以也称为匿名函数这个fn 里面存储的是一个函数函数调用的代码必须写到函数体后面通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。JavaScript (ES6前) 中的作用域有两种:全局作用域局部作用域(函数作用域)作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件作用于函数内的代码环境,就是局部作用域。 因为跟函数有关系,所以也称为函数作用域块作用域由 {} 包括在其他编程语言中(如 java、c#等),在 if 语句、循环语句中创建的变量,仅仅只能在本 if 语句、本循环语句中使用,如下面的Java代码:JS 中没有块级作用域(在ES6之前)在JavaScript中,根据作用域的不同,变量可以分为两种:全局变量局部变量在全局作用域下声明的变量叫做全局变量在函数外部定义的变量)全局变量在代码的任何位置都可以使用在全局作用域下var声明的变量 是全局变量特殊情况下,在函数内不使用 var 声明的变量也是全局变量(不建议使用)在局部作用域下声明的变量叫做局部变量在函数内部定义的变量)局部变量只能在该函数内部使用在函数内部 var 声明的变量是局部变量函数的形参实际上就是局部变量全局变量:在任何一个地方都可以使用,只有在浏览器关闭时才会被销毁,因此比较占内存局部变量:只在函数内部使用,当其所在的代码块被执行时,会被初始化;当代码块运行结束后,就会被销毁,因此更节省内存空间只要是代码,就至少有一个作用域写在函数内部的叫局部作用域如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域根据在内部函数可以访问外部函数变量的这种机制,用链式查找决定哪些数据能被内部函数访问,就称作作用域链作用域链:采取就近原则的方式来查找变量最终的值。首先来看几段代码和结果:JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为两步:预解析和代码执行。预解析:js引擎会把js里面所有的 var 还有 function 提升到当前作用域的最前面代码执行:从上到下执行JS语句预解析只会发生在通过 var 定义的变量和 function 上。学习预解析能够让我们知道为什么在变量声明之前访问变量的值是 undefined为什么在函数声明之前就可以调用函数。变量预解析也叫做变量提升、函数提升变量提升: 变量的声明会被提升到当前作用域的最上面,变量的赋值不会提升函数提升: 函数的声明会被提升到当前作用域的最上面,但是不会调用函数。对于函数表达式声明调用需要记住:函数表达式调用必须写在函数声明的下面预解析部分十分重要,可以通过下面4个练习来理解。

上述代码相当于执行了以下操作上述代码相当于执行了以下操作上述代码相当于执行了以下操作上述代码相当于执行了以下操作到此,相信大家对“JavaScript函数怎么封装和使用”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: javascript和es的区别有哪些

这篇文章主要介绍“javascript和es的区别有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“javascript和es的区别有哪些”文章能帮助大家解决问题。 javascript和es的区别:1、JavaSc…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 04/25 23:02
下一篇 04/25 23:03

相关推荐