JavaScript函数概述、声明、return 返回值

一、函数的概述:

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

      2、函数有时会有参数,即函数被调用时指定了值的局部变量。

      3、函数常常使用这些参数来计算一个返回值,这个值也成为函数调用表达式的值。(简单的说就是完成一个特定功能的代码块)。

      4、在 javaScript 中,Function(函数)类型实际上是对象。每个函数都是 Function 类型的实例,而且都与其他引用类型一样具有属性和方法。

      5、由于函数是对象,因此函数名实际上也是一个指向函数对象的指针。

      6、函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。

      7、javaScript 中的函数使用 function 关键字来声明,后跟一组参数以及函数体。

 

 

 

 

二、函数的声明:

    1、没有参数的函数

function box1() {
        alert(‘只有函数被调用,我才会被之执行‘);
}
box1(); //直接调用函数,函数本身不会自己执行,需要调用才会执行

    

     2、带参数的函数

function box(name, age) {
        alert(‘你的姓名:‘+name+‘,年龄:‘+age);
}
box("黄剑锋",22);//调用函数,并传参,如果没传参数,也不会报错,但两个参数的值都是undefined

 

 

 

 

三、return 返回值

    上面带参和不带参的函数,都没有定义返回值,而是调用后直接执行的。实际上,任何函数都可以通过 return 语句跟后面的要返回的值来实现返回值。

function box() {
     return ‘我被返回了!‘; //通过 return 把函数的最终值返回
}
alert(box()); //调用函数会得到返回值,然后alert输出
function box(name, age) {
     return ‘你的姓名:‘+name+‘,年龄:‘+age;//通过 return 把函数的最终值返回
}
alert(box(‘李炎恢‘, 28)); //调用函数得到返回值,然后外面输出

    还可以把函数的返回值赋给一个变量,然后通过变量进行操作。

function box(num1, num2) {
     return num1 * num2;
}
var num = box(10, 5); //函数得到的返回值赋给变量
alert(num);

    return 语句还有一个功能就是退出当前函数,注意和 break 的区别:break 用在循环和 switch 分支语句里

function box(num) {
    if (num < 5) 
        return num; //满足条件,就返回 num,返回之后,就不执行下面的语句了
    return 100; 
}
alert(box(2));

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。