JavaScript之函数

喜欢ヅ旅行 2022-07-19 00:26 137阅读 0赞

概念:

函数是定义一次但却可以调用或执行任意多次的一段JS代码。

函数声明

通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行，通常使用function关键字来声明，后跟一组参数以及函数体。

（1）、没有参数的函数

function box(){            //没有参数的函数
    	alert('只要函数被调用，我才会被执行');
    }
    box();       //直接调用函数

效果：

![Center][]

（2）、有参数的函数

function box(name,age){            //带参数的函数
    	alert('你的姓名：'+name+', 年龄：'+age);
    }
    box('XX',20);       //调用函数并传参

效果：

![Center 1][]

Return返回值

任何函数都可以通过return语句跟后面的要返回的值来实现返回值。

（1）、没有参数的函数

function box(){            //没有参数的函数
    	return '我被返回了！';   //通过return把函数的最终值返回
    }
    alert(box());       //调用函数得到返回值，然后外面输出

效果：

![Center 2][]

（2）、带参数的函数

function box(name,age){            //带参数的函数
    	return '你的姓名：'+name+', 年龄：'+age;   //通过return把函数的最终值返回
    }
    alert(box('XX',20));       //调用函数得到返回值，然后外面输出

效果同函数声明中的有参数的函数。

特点：

ECMAScript函数不介意传递进来多少参数，也不会因为参数不统一而错误，函数体内可以通过arguments对象来接收传递进来的参数。

没有像其他高级语言那种函数重载功能。

小结：

无论多么简单地知识，只要动手去做总会有收获！

[Center]: /images/20220718/59068072c10a4e438fe45997d7b53e24.png
[Center 1]: /images/20220718/9bb26653e3bf427090c79516f6450ff3.png
[Center 2]: /images/20220718/a770154b809f4835a8dd942fa6a91903.png

发表评论取消回复

表情：

评论列表（有 0 条评论，137人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 之函数

函数创建及应用（基础）一、函数二、创建函数 1、创建普通函数 2、创建带有参数的函数 3、创建带有返回值的函

小鱼儿/ 2022年10月16日 13:29/ 0 赞/ 147 阅读

相关 JavaScript之函数

概念: 函数是定义一次但却可以调用或执行任意多次的一段JS代码。函数声明通过函数可以封装任意多条语句，而且可以在任何地方、任何时

喜欢ヅ旅行/ 2022年07月19日 00:26/ 0 赞/ 138 阅读

相关 JavaScript语法之函数

JavaScript的函数定义有三种方式： 1、基本语法 function 函数名（参数）\{\} 2、使用表达式函数名（变量）=function(参数）\{\};

不念不忘少年蓝@/ 2022年07月15日 16:47/ 0 赞/ 183 阅读

相关 JavaScript-函数之css()

JavaScript\\\-函数之css()\\ 知识点：可变参数arguments、css(oDiv,’width’)获取样式、css(oDiv,’width’,’200

ゝ一世哀愁。/ 2022年06月11日 06:59/ 0 赞/ 98 阅读

相关 JavaScript复习之JavaScript常用函数

今日目录 1、JavaScript全局函数 2、JavaScript window对象常用方法及事件一、JavaScript全局函

Dear 丶/ 2022年05月25日 10:40/ 0 赞/ 210 阅读

相关 JavaScript异步之generator函数

接触过Ajax请求的会遇到过异步调用的问题，为了保证调用顺序的正确性，一般我们会在回调函数中调用，也有用到一些新的解决方案如Promise相关的技术。在异步编程中，还有一种

布满荆棘的人生/ 2022年03月29日 09:54/ 0 赞/ 228 阅读

相关 JAVASCRIPT之函数表达式

函数表达式在Javascript中定义函数的方式有两种：一种是函数声明，另一种是函数表达式。函数声明语法如下： function functionNa

桃扇骨/ 2022年03月12日 12:50/ 0 赞/ 155 阅读

相关 javascript学习笔记之函数

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 1、函数声明无参数： function 函数名()

女爷i/ 2022年01月16日 04:27/ 0 赞/ 167 阅读

相关 Javascript之函数

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...

小鱼儿/ 2021年05月03日 05:51/ 0 赞/ 459 阅读

相关 JavaScript之箭头函数

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi...

灰太狼/ 2021年05月03日 05:50/ 0 赞/ 471 阅读