javascript中的纯函数的简单介绍

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

利用函数可以增加我们对网页的操控能力。比如，可以对文本框输入内容进行校验，当我点击某一按钮或者往文本框填入内容时操作其它的控件。真正为自己所用，还是需要投入一定时间去思考的。

举个常见的例子吧，对输入IP进行校验，若错误则弹出警告框：

这是函数：

script language=”javascript”

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的书籍，其实市场上书写的都差不多的。

复制代码

代码如下:

!DOCTYPE

html

html

head

meta

charset=”UTF-8″

titleInsert

title

here/title

script

type=”text/javascript”

/*I总结：

1.函数名可以做变量使用，可以赋值，可以传值

2.函数名当参数，传递给另一个函数

*/

//==================js中函数的两种定义方式和函数变量赋值================

//在javascript中定义一个函数就可以理解成定义了一个变量

//js中的变量时弱类型的哦。

//———-1

//function

add1(){

//alert(“add1”);

//}

//那么函数作为一个变量，就可以作为参数,是add1指向了这个代码块在内存中存储的首地址

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

n+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

函数就是被设计为执行特定任务的代码块，有 函数名和括号 ()还有参数等组成，当然参数不是必须的。

例如： function str(val1, val2){ xxxxx }

上面函数由 函数名，函数参数，和函数要执行的语句组成。

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