javascript中的纯函数的简单介绍

发布时间：2022-11-08

本文目录一览：

  1. javascript中的函数
  2. JavaScript中的函数的两种定义方式和函数变量赋值
  3. 在 javascript 中,函数通常由哪几部分组成？
  4. js 代码/#PURE/ 是什么意思？

javascript中的函数

利用函数可以增加我们对网页的操控能力。比如，可以对文本框输入内容进行校验，当我点击某一按钮或者往文本框填入内容时操作其它的控件。真正为自己所用，还是需要投入一定时间去思考的。 举个常见的例子吧，对输入IP进行校验，若错误则弹出警告框： 这是函数：

function verifyip() {
    var reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/;
    var ip1 = document.form1.ip1.value;
    if (ip1 == "") {
        alert("IP不能为空");
        return false;
    } else if (!(ip1.match(reg))) {
        alert("IP必须是0.0.0.0-255.255.255.255");
        return false;
    } else return true;
}

下面是网页的表单部分，我们在提交时调用校验函数：

<form id="form1" name="form1" method="post" action="">
    <input name="ip1" type="text" id="ip1" size="15">
    <input style="position:absolute; top:430px; left:450px;width:80px;height:30px;color:green;" type="submit" name="submit1" value="提交" onclick="return verifyip()">
</form>

这仅仅是个简单的例子，有兴趣可以看一本javascript的书籍，其实市场上书写的都差不多的。

JavaScript中的函数的两种定义方式和函数变量赋值

代码如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
        /*总结：
        1. 函数名可以做变量使用，可以赋值，可以传值
        2. 函数名当参数，传递给另一个函数
        */
        //==================js中函数的两种定义方式和函数变量赋值================
        //在javascript中定义一个函数就可以理解成定义了一个变量
        //js中的变量是弱类型的哦。
        //----------方式1
        function add1() {
            alert("add1");
        }
        //那么函数作为一个变量，就可以作为参数,是add1指向了这个代码块在内存中存储的首地址
        //----------方式2
        var add1 = new Function("alert('add1');"); //--------2
        //以上1，2的写法是完全等价的，是js中声明函数的两种方式
        //实际上，是add1指向了这段函数代码块，在内存中存储的首地址。
        //至于具体如何存储，堆或栈，这里不多做研究了。
        var addtt = add1; //函数名当变量使用，可以赋值，也可以传值
        //addtt 指向了函数体
        addtt();
        //==================js中函数的两种定义方式和函数变量赋值================
        //==================将函数变量作为参数传递===========================
        //基本格式：
        function add2(fun) {
            //将函数名作为参数传递
            fun();
        }
        add2(add1);
        //--------------------------------------
        //函数名作参数使用，同时接受参数的情况演示的啦
        function add(a) {
            return a + 10;
        }
        //a：数字，fun：函数
        function addTest(a, fun) {
            var t = fun(a);
            return t;
        }
        var tt = addTest(22, add); //这样的写法也是ok的啦
        alert(tt);
        //==================将函数变量作为参数传递===========================
    </script>
</head>
<body>
</body>
</html>

在 javascript 中,函数通常由哪几部分组成？

函数就是被设计为执行特定任务的代码块，有 函数名和括号 () 还有参数等组成，当然参数不是必须的。 例如：function str(val1, val2) { xxxxx } 上面函数由 函数名、函数参数、和函数要执行的语句组成。

js 代码/#PURE/ 是什么意思？

纯函数的意思，也就是webpack压缩（tree-shaking摇树）的时候，如果看到 /*#__PURE__*/ 这个标志，说明它是纯函数，如果没有调用它，会直接把它删除，从而减少代码体积。

推荐文章