js-函数

作者: 椋椋夜色 | 来源:发表于2019-04-28 22:52 被阅读0次

<!DOCTYPE html>
<html lang="zh-CN">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> 函数 </title>

<script>
    //1.函数声明 -》 只是创建函数,并没有执行 函数代码---------------------
    //定义一个函数(方法名)
    // function 是 关键字
    // sum 是 函数名(方法名)
    // () 是 形参列表
    // { } 是 方法体(函数体)---》写代码的地方

    function sum() {
        console.log('创建函数');
    }

    //2.调用函数-----------------------
    // 函数名();

    // 第一次调用
    sum(); // 创建函数
    // 第二次调用
    sum(); // 创建函数

    //3.为什么要用函数:-----------------
    // 复用代码性强
    // 修改代码方便,便于修改


    console.log('.................华丽的分割线................');

    // 方法内部 有时候 需要 使用一些 方法调用者 决定的 数据,那么 可以 使用 传参 的方式 ,将外部输出传入 方法函数内部
    // 声明函数时:通过( ) 准备 形参
    function shop(commodity, quantity) {
        //设置默认值 1 使用if判断
        // if 中 默认 会把 0,'',NaN,null,undefined 转成 false
        //如果 没有传递实参(形参 为 undefined),那么就 设置 默认值
        // 如果 形参 没有传入 任何值,那就等于 undefined,在if中被转成 false, !false -> trues
        // if (!commodity) {
        //     commodity = '景甜';
        // }
        // if (!quantity) {
        //     quantity = 1;
        // }

        // 设置默认值 2 直接用 逻辑或 || 判断 (推荐使用!)
        commodity = commodity || '景甜';
        quantity = quantity || 1;



        console.log('你需要的商品是: ' + commodity + ' 需要: ' + quantity + ' 瓶');
    }
    // 当调用 方法(函数)时,可以 传递一个 实参(数据) 给 方法 的 形参
    shop(); // 默认值: 你需要的商品是: 景甜 需要: 1 瓶

    console.log('想喝饮料'); // 想喝饮料
    shop('可乐', 1); //  你需要的商品是: 可乐 需要: 1 瓶
    console.log('想喝奶茶'); //  想喝奶茶
    shop('绿茶', 2); //  你需要的商品是: 绿茶 需要: 2 瓶
    console.log('想喝水'); //  想喝水     
    shop('农夫三拳', 3); //   你需要的商品是: 农夫三拳 需要: 3 瓶
</script>

</head>

<body>
</body>

</html>

相关文章

  • JS-函数

    事件驱动模型: 事件(操作,动作) 事件类型(具体的动作类型) 事件源(发生动作的地方) 事件监听器(监听事件发生...

  • JS-函数

    1.定义(1)匿名函数(2)具名函数(3)箭头函数,无this 词法作用域(也叫静态作用域)JS看到上面的代码不是...

  • JS-函数

    1.函数基础 函数参数 函数写法:function func(){}var func=function(){}经常...

  • JS-函数

    函数1.声明 function 函数名(参数1,参数2...){ 函数体 retur...

  • js-函数

    函数

  • js-工具函数

    日常总结 秒转时分秒

  • Js-函数-6.1

    1 :Try{}catch(){}finally{}catch会捕获到前面抛出的异常,无论是直接抛出的还是函数调用...

  • js-函数进阶

    函数(function)把要执行的代码放入函数里面,使其函数里面的代码反复被使用,减少了大量代码累跌 函数的基本书...

  • 关于 JS-函数

    1. 函数声明和函数表达式有什么区别 函数声明就是定义一个函数,如以下例子 function text(){ //...

  • js-函数练习

    函数练习

网友评论

    本文标题:js-函数

    本文链接:https://www.haomeiwen.com/subject/ejvsnqtx.html