• 07 js自定义函数


    学习目标:

    1.充分理解函数的概念

    2.能熟练的自定义函数

    3.掌握js中常用的系统函数

    一个简单的加减乘除案例(说明函数的必要性):

    <html>
    <head>
    <script language="javascript">
    <!--
    //输入两个数,再输入一个运算符(+-*/),得到结果
    var num1 = window.prompt("请输入第1个num");
    var num2 = window.prompt("请输入第2个num");
    var operator = window.prompt("请输入运算符");
    num1=parseFloat (num1);
    num2=parseFloat (num2);
    
    var res = 0;
    if (operator=="+")
    {
        res =num1+num2;
    }else if (operator=="-")
    {
        res =num1-num2;
    }else if (operator=="*")
    {
        res =num1*num2;
    }else {
        res =num1/num2;
    }
    document.write("res="+res);
    //-->
    </script>
    </head>
    <body>
    </body>
    <html>

    函数的概念

    Js 函数

    ①为什么需要函数

    比如在多个html文件中需要完成(+-*/等功能)

    把代码写成函数,

    ②函数的基本概念

    为完成某一功能的代码(语句,指令)的集合

    ③基本语法

    function 函数名(参数列表){

    //代码

    return 值;//可选

    }

    ④案例:将函数单独提出,写到js 文件然后在需要的地方引入

    <script language="javascript" src ="路径" ></script>

    js24-2.html代码:

    <html>
    <head>
    </head>
    <body>
    <script language="javascript" src="js24-2.js"></script>
    
    <script language="javascript">
    //输入两个数,再输入一个运算符(+-*/),得到结果
    var num1 = window.prompt("请输入第1个num");
    var num2 = window.prompt("请输入第2个num");
    var operator = window.prompt("请输入运算符");
    num1=parseFloat (num1);
    num2=parseFloat (num2);
    //调用函数
    document.write("res"+ jiSuan(num1, num2, operator));
    
    </script>
    </body>
    <html>

    js24-2.js

    //js文件
    //自定义函数
    //输入两个数,再输入一个运算符(+-*/),得到结果
    function jiSuan(num1, num2, operator) {//特别强调,参数名不要带var
    
    var res = 0;
    if (operator=="+")
    {
        res =num1+num2;
    }else if (operator=="-")
    {
        res =num1-num2;
    }else if (operator=="*")
    {
        res =num1*num2;
    }else {
        res =num1/num2;
    }
    return res;
    }
  • 相关阅读:
    vue绑定值与字符串拼接两种写法
    cmd 总是很卡,执行一条指令就卡死
    生产工具vscode
    js 关于 array 的相关操作––
    webAssembly
    github上fork别人的分支到目录下  
    68.Promise和setTimeout的区别
    67、Promise 构造函数是同步执行还是异步执行,那么 then 方法呢?
    66、深入理解 promise:promise的三种状态与链式调用
    65.ES6新的特性有哪些?
  • 原文地址:https://www.cnblogs.com/super90/p/4525995.html
Copyright © 2020-2023  润新知