javascript函数库(全)
js的常用函数
js的常用函数（原创实用版）目录一、JavaScript 函数分类二、常规函数1.alert 函数2.confirm 函数3.escape 函数4.eval 函数5.isNaN 函数6.parseFloat 函数7.parseInt 函数三、数组函数四、日期函数五、数学函数六、字符串函数正文JavaScript 是一种广泛应用于网页开发的编程语言，其中的函数是其重要的组成部分。
JavaScript 函数可以根据其用途和特性分为五类，包括常规函数、数组函数、日期函数、数学函数和字符串函数。
一、JavaScript 函数分类1.常规函数：这类函数主要用于处理一些常见的任务，如显示警告对话框、确认对话框、转换字符编码等。
2.数组函数：这类函数主要用于处理数组数据，包括数组的创建、修改、遍历等操作。
3.日期函数：这类函数主要用于处理日期和时间相关的任务，如获取当前日期、格式化日期等。
4.数学函数：这类函数主要用于执行一些数学运算，如计算平方根、绝对值、乘法等。
5.字符串函数：这类函数主要用于处理字符串数据，包括字符串的创建、修改、遍历等操作。
二、常规函数1.alert 函数：用于显示一个带有 OK 按钮的警告对话框。
2.confirm 函数：用于显示一个带有 OK 和 Cancel 按钮的确认对话框。
3.escape 函数：用于将特殊字符转换为对应的 Unicode 编码。
4.eval 函数：用于计算一个表达式的结果。
5.isNaN 函数：用于测试一个值是否为非数字。
6.parseFloat 函数：用于将一个字符串转换为浮点数。
7.parseInt 函数：用于将一个字符串转换为整数。
以上就是 JavaScript 中的常用函数大全，包括常规函数、数组函数、日期函数、数学函数和字符串函数。
pubu函数 -回复
pubu函数-回复搭建和使用Pubu函数的指南Pubu函数是一个强大而灵活的JavaScript函数库，可以提供丰富的功能和方法，方便开发者进行各种操作和处理。
本文将一步一步回答关于Pubu 函数的搭建和使用，帮助读者快速掌握这个函数库。
第一步：理解Pubu函数的作用和用途Pubu函数是一个通用的函数库，用于帮助开发者处理各种常见和繁琐的任务。
它包含了各种独立的函数和方法，可以用于处理字符串、数组、日期、数学计算等各种操作。
通过使用Pubu函数，开发者可以简化代码、提高效率、减少出错的机会。
第二步：了解Pubu函数的安装和导入方式Pubu函数是一个JavaScript函数库，可以通过多种方式进行安装和导入。
最常用的方式是使用CDN链接，只需将以下代码放置在HTML页面的<head>标签中：html<script src="另外，也可以将Pubu函数库下载到本地，并在HTML页面中引入：html<script src="path/to/pubu.js"></script>第三步：学习Pubu函数的基本用法Pubu函数库提供了大量的功能和方法，下面是一些常见的用法示例：1. 字符串操作:javascriptvar str = "Hello, Pubu!";var result = Pubu.toUpperCase(str);console.log(result); 输出"HELLO, PUBU!"2. 数组操作:javascriptvar arr = [1, 2, 3, 4, 5];var sum = Pubu.sum(arr);console.log(sum); 输出153. 日期操作:javascriptvar date = new Date();var formattedDate = Pubu.formatDate(date, "yyyy-MM-dd"); console.log(formattedDate); 输出当前日期的格式化字符串，例如"2022-01-01"4. 数学计算:javascriptvar num1 = 10;var num2 = 5;var product = Pubu.multiply(num1, num2);console.log(product); 输出50以上只是Pubu函数库的一部分功能和用法，开发者还可以根据具体需求，进一步探索和学习函数库提供的其他方法。
javaScript之函数function对象
javaScript之函数function对象⼀，普通函数 在javascript中,函数是⼀等公民,函数在javascript是⼀个数据类型,⽽⾮像C#或其他描述性语⾔那样仅仅作为⼀个模块来使⽤.函数的定义：function 函数名 (参数){ 函数体;return 返回值;}功能说明：可以使⽤变量、常量或表达式作为函数调⽤的参数函数由关键字function定义函数名的定义规则与标识符⼀致，⼤⼩写是敏感的返回值必须使⽤return⼀.函数调⽤形式函数调⽤形式是最常见的形式,也是最好理解的形式。
所谓函数形式就是⼀般声明函数后直接调⽤。
例如：//1.js中的函数的声明记得：有函数的声明就⼀定有调⽤function add(){alert("函数被调⽤了")；alert(this);//当前的this指向了window//执⾏的⼀些操作}//2.函数的执⾏add()； 或者下⾯的声明函数和调⽤函数的⽅式var add = function(){alert('函数被调⽤了')；}add() 声明函数式带形式参数function add3(x,y){return x+y;}var sum = add3(4,5)alert(sum)⼆，创建对象的⼏种常见⽅式1.使⽤Object或对象字⾯量创建对象2.⼯⼚模式创建对象3.构造函数模式创建对象4.原型模式创建对象1，使⽤Object或对象字⾯量创建对象JS中最基本创建对象的⽅式：var student = new Object(); = "easy";student.age = "20"; 这样，⼀个student对象就创建完毕，拥有2个属性name以及age，分别赋值为"easy"和20。
如果你嫌这种⽅法有⼀种封装性不良的感觉。
来⼀个对象字⾯量⽅式创建对象var sutdent = {name : "easy",age : 20}; 这样看起来似乎就完美了。
JavaScript节流函数Throttle详解
JavaScript节流函数Throttle详解在浏览器 DOM 事件⾥⾯，有⼀些事件会随着⽤户的操作不间断触发。
⽐如：重新调整浏览器窗⼝⼤⼩（resize），浏览器页⾯滚动（scroll），⿏标移动（mousemove）。
也就是说⽤户在触发这些浏览器操作的时候，如果脚本⾥⾯绑定了对应的事件处理⽅法，这个⽅法就不停的触发。
这并不是我们想要的，因为有的时候如果事件处理⽅法⽐较庞⼤，DOM 操作⽐如复杂，还不断的触发此类事件就会造成性能上的损失，导致⽤户体验下降（UI 反映慢、浏览器卡死等）。
所以通常来讲我们会给相应事件添加延迟执⾏的逻辑。
通常来说我们⽤下⾯的代码来实现这个功能：var COUNT = 0;function testFn() { console.log(COUNT++); }// 浏览器resize的时候// 1. 清除之前的计时器// 2. 添加⼀个计时器让真正的函数testFn延后100毫秒触发window.onresize = function () {var timer = null;clearTimeout(timer);timer = setTimeout(function() {testFn();}, 100);};细⼼的同学会发现上⾯的代码其实是错误的，这是新⼿会犯的⼀个问题：setTimeout 函数返回值应该保存在⼀个相对全局变量⾥⾯，否则每次 resize 的时候都会产⽣⼀个新的计时器，这样就达不到我们发的效果了于是我们修改了代码：var timer = null;window.onresize = function () {clearTimeout(timer);timer = setTimeout(function() {testFn();}, 100);};这时候代码就正常了，但是⼜多了⼀个新问题 —— 产⽣了⼀个全局变量 timer。
这是我们不想见到的，如果这个页⾯还有别的功能也叫 timer 不同的代码之前就是产⽣冲突。
2024版JavaScript基础课件完整版
数组的定义与使用
数组的定义
数组是一种特殊的对象，用于存储一 系列有序的值。在JavaScript中，数 组可以包含任意类型的值，包括数字、 字符串、布尔值、对象等。
数组的使用
可以通过索引来访问数组中的元素，使 用push()和pop()方法添加或删除元素， 使用sort()和reverse()方法对数组进行 排序或反转等操作。
DOM结构 DOM将HTML或XML文档转化为一个树形结构，文档中 的每个元素、属性和文本都被视为一个节点（Node）， 节点之间通过父子或兄弟关系形成树状结构。
节点类型
在DOM中，节点类型包括元素节点、属性节点、文本节 点、注释节点等。
访问和修改DOM元素
获取元素 修改元素内容 修改元素属性 修改元素样式
辑非等。
用于将右侧的值赋给左 侧的变量，如等于赋值、
加等于、减等于等。
控制流语句
条件语句
使用`if...else`语句根据条 件执行不同的代码块。
循环语句
使用`for`、`while`或 `do...while`语句重复执行 一段代码，直到满足特定 条件为止。
跳转语句
使用`break`或`continue` 语句在循环中提前结束或 跳过当前迭代。
常用内置对象与方法
Date对象
用于处理日期和时间，可以创建 日期实例、获取日期和时间信息、 进行日期计算等。
String对象
用于处理字符串，提供了许多字 符串操作方法，如charAt()、 indexOf()、replace()等。
Math对象
提供了一系列数学常数和函数， 如Math.PI、Math.random()、 Math.sin()等。
本地开发环境
JavaScript常用的方法和函数（setAttribute和getAttribute）
JavaScript常⽤的⽅法和函数（setAttribute和getAttribute）仅记录学习的新知识和⽰例，⽆⼲货。
1.setAttribute和getAttribute （Attribute：属性）setAttribute：为元素添加指定的属性，并为其赋值；如果指定的属性已经存在，则仅设置或改变它的值。
调⽤⽅法：element.setAttribute(attributeName,attributeValue)这是⼀个⽅法，⽆返回值，IE8及以下不⽀持。
getAttribute：返回指定属性名的属性值。
调⽤⽅法：element.getAttribute(attributeName)返回值为字符串总结：attributeName为元素的属性名，attributeValue为元素的属性值，⼆者均为字符型⽰例：1var comm={2//setAttr为对象comm的⼀个⽅法，⽤于给元素设置属性3//e为形参，代表元素名称；strName为形参，代表所设置属性的名称；strValue为形参，代表所设置属性的值4 setAttr:function(e,strName,strValue){5 e.setAttribute(strName,strValue);6 },7//getAttr为对象comm的⼀个⽅法，⽤于获取元素属性8//e为形参，代表元素名称；strName为形参，代表所设置属性的名称，⽆值9 getAttr:function(e,strName){10return e.getAttribute(strName);11 }12 }以上为⾃定义⼀个对象⽤于给元素设置属性的⽅法。
调⽤上诉对象实现元素属性的改变⽰例如下：1<!DOCTYPE html>2<html>3<head lang="en">4<meta charset="UTF-8">5<script type="text/javascript" src=../../js/system.js></script>6<title></title>7<style type="text/css">8 .red{9 width: 260px;10 height: 100px;11 line-height: 100px;12 text-align: center;13 border: solid 1px red;14 margin: auto;15 }16 .blue{17 width: 260px;18 height: 100px;19 line-height: 100px;20 text-align: center;21 border: solid 1px blue;22 margin: auto;23 }24</style>25</head>26<body>27<div id="a" class="red">hello,Js!</div>28<div id="b">hello,Js2!</div>29<br/>30<input type="button" value="点我变⾊" id="bitRed"/>31<script type="text/javascript">32//定义⼀个变量clasName，⽤于保存使⽤comm.getAttr获取的ID号为a的元素的class属性值33var clasName =comm.getAttr($$("a"),"class");34//调⽤comm.serAttr函数为ID号为b的元素设置class属性，属性值为clasName，既a的class属性值35 comm.setAttr($$("b"),"class",clasName);36//设定ID号为bitRed的元素的点击事件37 $$("bitRed").onclick=function(){38//为元素设置属性39//console.log()⽅法⽤于检测是否绑定成功，可删除40 console.log("123");41//为ID为a的元素设置样式,括号内实参分别对应形参e,strName,strValue42 comm.setAttr($$("a"),"class","blue");//属性名，属性值43//定义⼀个变量clasName，⽤于保存使⽤comm.getAttr获取的ID号为a的元素的class属性值44//此变量clasName为局部变量，与上⼀个不同45var clasName =comm.getAttr($$("a"),"class");46//调⽤comm.serAttr函数为ID号为b的元素设置class属性，属性值为clasName，既a的class属性值47 comm.setAttr($$("b"),"class",clasName);48 }49</script>50</body>51</html>View Code此⽰例的要求是为ID为a的元素设置样式，ID为b的元素样式跟随元素a的样式，点击按钮，元素a的样式发⽣改变，同时元素b的样式随之改变。
Dojo常用函数简介
当然，你也可以用 dojo.isString 来做类似的事情。 dojo.isAlien 用于检查所传参数是不是一个内建函数。 dojo.isObject 用于检查所传参数是不是一个对象。 以上就是部分 Dojo 对于 JavaScript 的基础扩展函数，在下一部分中，会介绍 Dojo 对面向 对象（OO）及包机制（package system）部分的一些常用函数。
dojo.hitch
dojo.hitch 是一个优雅的函数。它会返回一个在指定作用域下执行指定语句的函数。通过调 用这个函数，你可以很好地控制函数地执行，特别是在涉及到异步操作的时候。 比如下面 的例子： view plaincopy to clipboardprint? }); var myObj = { foo: "bar", method: function(someArg){ console.log(this.foo+" "+data); } }; dojo.xhrGet({ url: "/something.php", load: myObj.method }); 上面的例子无法正确的运行。你只会得到一个语义模糊的错误提示，比如： foo 是一些变 量未定义的错误。 原因是， 在如上例这样异步的回调函数中， 当你赋给它一个关联表的时候， 你改变了 ”foo”的作用域 .它的作用域不再关联到最初生成它的对象， xhr 的参数对象上。 要解决这个问题，你可以使用 hitch 来强制这个函数保留它原来的作用域。正确的写法应该 }; dojo.xhrGet({ url: "/something.php", load: myObj.method } var myObj = { foo: "bar", method: function(someArg){ console.log(this.foo+" "+data);
Javascript学习之函数（function）
Javascript学习之函数（function）在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例，⽽且都与其他引⽤类型⼀样具有属性和⽅法。
由于函数是对象,因此函数名实际上也是⼀个指向函数对象的指针。
⼀函数的声明⽅式//1.函数声明⽅式function add(num1,num2){return num1+num2;}//2.函数表达式定义函数var add= function(num1,num2){ // 通过变量box即可引⽤函数;return num1+num2;}; // 注意函数末尾有⼀个分号,就像声明其他变量时⼀样; var another = add; // 使⽤不带圆括号的函数名是访问函数指针;⽽⾮调⽤函数; console.log(another(10,10)); //3.使⽤Function构造函数var add = new Function('num1','num2','return num1+num2');// 第三种⽅式不推荐,这种语法会导致解析两次代码(第⼀次解析常规JS代码,第⼆次解析传⼊构造函数中的字符串),从⽽影响性能;// 可以通过这种语法来理解"函数是对象,函数名是指针"的概念;通常来说，在全局作⽤域内声明⼀个对象，只不过是对⼀个属性赋值⽽已，⽐如上例中的add函数，事实上只是为全局对象添加了⼀个属性，属性名为add，⽽属性的值是⼀个对象，即function(x, y){return x+y;}，理解这⼀点很重要，这条语句在语法上跟：var str = "This is a string";并没有什么区别。
都是给全局对象动态的增加⼀个新的属性，如此⽽已。
⼆作为值的函数// JS中的函数名本⾝就是变量,所以函数也可以作为值来使⽤;// 也就是说,不仅可以像传参数⼀样把⼀个函数传递给另⼀个函数,⽽且可以将⼀个函数作为另⼀个函数的结果返回;function box(sumFunction,num){ // ⽆论第⼀个参数传递进来的是什么函数,return sumFunction(num); // 它都会返回执⾏第⼀参数后的结果;}function sum(num){return num+10;}// 传递函数到另⼀个函数⾥; // 要访问函数的指针不执⾏函数的话,须去掉函数名后的圆括号;var result = box(sum,10); // =>20;三、函数的内部属性// 函数内部有两个特殊的对象:arguments和this;// 1.arguments:包含着传⼊函数中的所有参数,arguments并不是⼀个数组，只是与数组相似。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
转载请注明出处-中国设计秀/*-------------- 函数检索--------------trim函数: trim() lTrim() rTrim()校验字符串是否为空: checkIsNotEmpty(str)校验字符串是否为整型: checkIsInteger(str)校验整型最小值: checkIntegerMinValue(str,val)校验整型最大值: checkIntegerMaxValue(str,val)校验整型是否为非负数: isNotNegativeInteger(str)校验字符串是否为浮点型: checkIsDouble(str)校验浮点型最小值: checkDoubleMinValue(str,val)校验浮点型最大值: checkDoubleMaxValue(str,val)校验浮点型是否为非负数: isNotNegativeDouble(str)校验字符串是否为日期型: checkIsValidDate(str)校验两个日期的先后: checkDateEarlier(strStart,strEnd)校验字符串是否为email型: checkEmail(str)校验字符串是否为中文: checkIsChinese(str)计算字符串的长度，一个汉字两个字符: realLength()校验字符串是否符合自定义正则表达式: checkMask(str,pat)得到文件的后缀名: getFilePostfix(oFile)-------------- 函数检索--------------*//*** added by LxcJie 2004.6.25* 去除多余空格函数* trim:去除两边空格lTrim:去除左空格rTrim: 去除右空格* 用法：* var str = " hello ";* str = str.trim();*/String.prototype.trim = function(){$)/g,return this.replace(/(^[\s]*)|([\s]* "");}String.prototype.lTrim = function(){return this.replace(/(^[\s]*)/g, "");}String.prototype.rTrim = function(){$)/g,return this.replace(/([\s]* "");}/********************************** Empty **************************************/ /***校验字符串是否为空*返回值：*如果不为空，定义校验通过，返回true*如果为空，校验不通过，返回false 参考提示信息：输入域不能为空！*/function checkIsNotEmpty(str){if(str.trim() == "")return false;elsereturn true;}//~~~/*--------------------------------- Empty --------------------------------------*//********************************** Integer *************************************//***校验字符串是否为整型*返回值：*如果为空，定义校验通过，返回true*如果字串全部为数字，校验通过，返回true*如果校验不通过，返回false 参考提示信息：输入域必须为数字！*/function checkIsInteger(str){//如果为空，则通过校验if(str == "")return true;$/.test(str))if(/^(\-?)(\d+)return true;elsereturn false;}//~~~/***校验整型最小值*str：要校验的串。
val：比较的值**返回值：*如果为空，定义校验通过，返回true*如果满足条件，大于等于给定值，校验通过，返回true*如果小于给定值，返回false 参考提示信息：输入域不能小于给定值！*/function checkIntegerMinValue(str,val){//如果为空，则通过校验if(str == "")return true;if(typeof(val) != "string")val = val + "";if(checkIsInteger(str) == true){if(parseInt(str,10)>=parseInt(val,10))return true;elsereturn false;}return false;}//~~~/***校验整型最大值*str：要校验的串。
val：比较的值**返回值：*如果为空，定义校验通过，返回true*如果满足条件，小于等于给定值，校验通过，返回true*如果大于给定值，返回false 参考提示信息：输入值不能大于给定值！*/function checkIntegerMaxValue(str,val){//如果为空，则通过校验if(str == "")return true;if(typeof(val) != "string")val = val + "";if(checkIsInteger(str) == true){if(parseInt(str,10)<=parseInt(val,10))return true;elsereturn false;}elsereturn false;}//~~~/***校验整型是否为非负数*str：要校验的串。
**返回值：*如果为空，定义校验通过，返回true*如果非负数，返回true*如果是负数，返回false 参考提示信息：输入值不能是负数！*/function isNotNegativeInteger(str){//如果为空，则通过校验if(str == "")return true;if(checkIsInteger(str) == true){if(parseInt(str,10) < 0)return false;elsereturn true;elsereturn false;}//~~~/*--------------------------------- Integer --------------------------------------*//********************************** Double ****************************************//***校验字符串是否为浮点型*返回值：*如果为空，定义校验通过，返回true*如果字串为浮点型，校验通过，返回true*如果校验不通过，返回false 参考提示信息：输入域不是合法的浮点数！*/function checkIsDouble(str){//如果为空，则通过校验if(str == "")return true;//如果是整数，则校验整数的有效性if(str.indexOf(".") == -1){if(checkIsInteger(str) == true)return true;elsereturn false;}else{$/g.test(str))if(/^(\-?)(\d+)(.{1})(\d+)return true;elsereturn false;}}//~~~/***校验浮点型最小值*str：要校验的串。
val：比较的值**返回值：*如果为空，定义校验通过，返回true*如果满足条件，大于等于给定值，校验通过，返回true*如果小于给定值，返回false 参考提示信息：输入域不能小于给定值！*/function checkDoubleMinValue(str,val){//如果为空，则通过校验if(str == "")return true;if(typeof(val) != "string")val = val + "";if(checkIsDouble(str) == true){if(parseFloat(str)>=parseFloat(val))return true;elsereturn false;}elsereturn false;}//~~~/***校验浮点型最大值*str：要校验的串。
val：比较的值**返回值：*如果为空，定义校验通过，返回true*如果满足条件，小于等于给定值，校验通过，返回true*如果大于给定值，返回false 参考提示信息：输入值不能大于给定值！*/function checkDoubleMaxValue(str,val){//如果为空，则通过校验if(str == "")return true;if(typeof(val) != "string")val = val + "";if(checkIsDouble(str) == true){if(parseFloat(str)<=parseFloat(val))return true;elsereturn false;}elsereturn false;}//~~~/***校验浮点型是否为非负数*str：要校验的串。
**返回值：*如果为空，定义校验通过，返回true*如果非负数，返回true*如果是负数，返回false 参考提示信息：输入值不能是负数！*/function isNotNegativeDouble(str){//如果为空，则通过校验if(str == "")return true;if(checkIsDouble(str) == true){if(parseFloat(str) < 0)return false;elsereturn true;}elsereturn false;}//~~~/*--------------------------------- Double ---------------------------------------*//********************************** date ******************************************//***校验字符串是否为日期型*返回值：*如果为空，定义校验通过，返回true*如果字串为日期型，校验通过，返回true*如果日期不合法，返回false 参考提示信息：输入域的时间不合法！（yyyy-MM-dd）*/function checkIsValidDate(str){//如果为空，则通过校验if(str == "")return true;var pattern = $/g;/^((\d{4})|(\d{2}))-(\d{1,2})-(\d{1,2})if(!pattern.test(str))return false;var arrDate = str.split("-");if(parseInt(arrDate[0],10) < 100)arrDate[0] = 2000 + parseInt(arrDate[0],10) + "";var date = new Date(arrDate[0],(parseInt(arrDate[1],10) -1)+"",arrDate[2]);if(date.getYear() == arrDate[0]&& date.getMonth() == (parseInt(arrDate[1],10) -1)+""&& date.getDate() == arrDate[2])return true;elsereturn false;}//~~~/***校验两个日期的先后*返回值：*如果其中有一个日期为空，校验通过, 返回true*如果起始日期早于等于终止日期，校验通过，返回true*如果起始日期晚于终止日期，返回false 参考提示信息：起始日期不能晚于结束日期。