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__*/这个标志,说明他是纯函数,如果没有调用它,会直接把它删除了,减少代码体积

原创文章,作者:KNNCD,如若转载,请注明出处:https://www.506064.com/n/126642.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
KNNCDKNNCD
上一篇 2024-10-03 23:09
下一篇 2024-10-03 23:09

相关推荐

  • Python中引入上一级目录中函数

    Python中经常需要调用其他文件夹中的模块或函数,其中一个常见的操作是引入上一级目录中的函数。在此,我们将从多个角度详细解释如何在Python中引入上一级目录的函数。 一、加入环…

    编程 2025-04-29
  • Python中capitalize函数的使用

    在Python的字符串操作中,capitalize函数常常被用到,这个函数可以使字符串中的第一个单词首字母大写,其余字母小写。在本文中,我们将从以下几个方面对capitalize函…

    编程 2025-04-29
  • Python中set函数的作用

    Python中set函数是一个有用的数据类型,可以被用于许多编程场景中。在这篇文章中,我们将学习Python中set函数的多个方面,从而深入了解这个函数在Python中的用途。 一…

    编程 2025-04-29
  • 单片机打印函数

    单片机打印是指通过串口或并口将一些数据打印到终端设备上。在单片机应用中,打印非常重要。正确的打印数据可以让我们知道单片机运行的状态,方便我们进行调试;错误的打印数据可以帮助我们快速…

    编程 2025-04-29
  • 三角函数用英语怎么说

    三角函数,即三角比函数,是指在一个锐角三角形中某一角的对边、邻边之比。在数学中,三角函数包括正弦、余弦、正切等,它们在数学、物理、工程和计算机等领域都得到了广泛的应用。 一、正弦函…

    编程 2025-04-29
  • Python3定义函数参数类型

    Python是一门动态类型语言,不需要在定义变量时显示的指定变量类型,但是Python3中提供了函数参数类型的声明功能,在函数定义时明确定义参数类型。在函数的形参后面加上冒号(:)…

    编程 2025-04-29
  • Python简单数学计算

    本文将从多个方面介绍Python的简单数学计算,包括基础运算符、函数、库以及实际应用场景。 一、基础运算符 Python提供了基础的算术运算符,包括加(+)、减(-)、乘(*)、除…

    编程 2025-04-29
  • Python满天星代码:让编程变得更加简单

    本文将从多个方面详细阐述Python满天星代码,为大家介绍它的优点以及如何在编程中使用。无论是刚刚接触编程还是资深程序员,都能从中获得一定的收获。 一、简介 Python满天星代码…

    编程 2025-04-29
  • Python定义函数判断奇偶数

    本文将从多个方面详细阐述Python定义函数判断奇偶数的方法,并提供完整的代码示例。 一、初步了解Python函数 在介绍Python如何定义函数判断奇偶数之前,我们先来了解一下P…

    编程 2025-04-29
  • Python实现计算阶乘的函数

    本文将介绍如何使用Python定义函数fact(n),计算n的阶乘。 一、什么是阶乘 阶乘指从1乘到指定数之间所有整数的乘积。如:5! = 5 * 4 * 3 * 2 * 1 = …

    编程 2025-04-29

发表回复

登录后才能评论