JS函数出参、实参和形参

一、出参

函数出参它可以是任意表达式,我们了解出参之前可以先回顾一下表达式的各种用法,下面先介绍几种常用的表达式。

表达式:

1:原始表达式,单个常量和变量

2:运算符表达式

3:函数调用表达式

function fn(){
        let x = 200;
        //返回 一个原始表达式
         return 100;

        // 返回 一个原始表达式
         return x;

        // 返回 一个运算符表达式
         return x + 100

        // 返回 一个运算符表达式
         return typeof x;

        // 返回一个三目运算表达式
         return false ? 500 : x;

        // 返回一个逻辑与
         return false && x;

        return show();

        
    } 

    function show(){
        console.log(300)
    }

    let num = fn();

    console.log(num);

表达式都会有返回值,函数调用也有返回值,所以先来接下来先来几个例子:

注:不同的函数调用有不同的返回值,有些函数没返回值.自动返回(undefined).

//把alert(100)的返回值赋值给x.
let x = alert('100');

//打印alert(200)的返回值.
console.log(alert(200));

JS函数出参、实参和形参_第1张图片

       如何让一个函数有返回值,我们先来定义一个fn函数,这个fn有返回值,返回值就是return后面的表达式的值,而return后面的值我们称之为函数的“出参”。如果不能理解的话,我们可以换个方向去思考,出参我们可以理解成工厂里面产品做出来后把产品出厂拿出去卖,这个可能会更容易去理解。

    function fn() {
        console.log('5000');
        return 100;
    }

    let x =  fn();
    consoel.log(x) //x的返回值是 100

二、形参

       函数理解成一个功能,以下这个例子功能就是弾200数值 => 功能特别单一,因此不能满足我们的要求,不够强大,但我们如何让一个函数 fn 可以弾指定的内容?而不是固定弹出200?

function fn(x){

    alert(200);
}

fn();

     以下我们来写一个形参 这里的x 我们称为“形参”, 有朋友可能会问: x 是一个变量,但没有看到声明。  这里的 x 写在函数声明的()里,就相当于声明过了,不需要再手动去声明。

function fn(x){

    alert(x);

}

fn(100);

fn(200);

fn('弹出一个字符串的值');

三、实参

     接下来我们来借用以上形参的这个例子来讲,fn(100)  、fn(200)... 括号里调用的值就是实参,还有形参和实参我们统称为参数(入参)好了,形参与实参我们也学完了,如果有哪些不懂的可以私信我或者有什么不对的地方,还指望各位大佬可以指出来。感谢!

你可能感兴趣的:(javascript,开发语言,ecmascript)