javascript函数以及js封装功能一览

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript函数以及js封装功能一览相关的知识,希望对你有一定的参考价值。

函数四要素:返回类型、函数名、参数列表、函数体

函数种类

简单函数

1 function ceShi(){
2     alert("这是测试");
3 }
4 ceShi();

有参数函数

1 function ceShi(a,b){
2     alert(a+b);
3 }
4 ceShi(2,3);

有默认值函数(js不支持)

1 function ceShi(a,b=5){
2     alert(a+b);
3 }
4 ceShi(2);

有返回值的函数

1 function ceShi(a,b){
2     return a+b;
3 }
4 var c=ceShi(2,3);
5 alert(c);

知识点:

变量的命名规范:字幕打头,不出险特殊符号,一般是小写

函数的命名规范:首字母小写的驼峰法方式,chiFanLe


 

封装一个功能函数:封装冒泡排序代码

 1 function paiXu(arr){
 2   //冒泡排序代码
 3   var arr=new Array(45,56,23,78,89,99,36,77,100);
 4   var zj=0;                          //中间变量
 5   for(i=1;i<arr.length;i++){         //用来控制轮次
 6       for(j=0;j<arr.length-i;j++){   //用来控制次数
 7           if(arr[j]<arr[j+1]){
 8               zj=arr[j];
 9               arr[j]=arr[j+1];
10               arr[j+1]=zj;
11           }
12       }
13   }
14   alert(arr[0]);
15 }
16 return arr;
17 var a=new Array(1,4,3,2,6,8);
18 a=paiXu(a);
19 alert(a[0]);

 

javascript封装功能一览:

//数学函数
1
alert(Math.random()); //返回0-1之间的随机数 2 alert(Math.random()*10); //返回1-10之间的随机数 3 alert(parseInt(Math.random()*10)); //返回1-10之间的随机整数
4 alert(Math.ceil(1.2)); //往上取整
5 alert(Math.floor(1.2)); //往下取整
//获取时间
1
var d=new Date(); 2 alert(d); //获取当前时间 3 alert(d.getTime()); //获取时间戳 4 alert(d.getFullYear()); //获取年份 5 alert(d.getMonth()+1); //获取月份 6 alert(d.getDate()); //获取天 7 alert(d.getHours()); //获取小时 8 alert(d.getMinutes()); //获取分钟 9 alert(d.getSeconds()); //获取秒 10 alert(d.getDay()); //获取星期几 11 alert(d.getMilliseconds()); //获取毫秒

 

数学函数(用Math来调用):
abs(x) 返回数的绝对值。
ceil(x) 对数进行上舍入。
floor(x) 对数进行下舍入。
round(x) 把数四舍五入为最接近的整数。
max(x,y) 返回 x 和 y 中的最高值。
min(x,y) 返回 x 和 y 中的最低值。
pow(x,y) 返回 x 的 y 次幂。
sqrt(x) 返回数的平方根。
random() 返回 0 ~ 1 之间的随机数。 ****

字符串函数(用变量来调用):

indexOf
返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。
var index1 = a.indexOf("l");
//index1 = 2

charAt
返回指定位置的字符。
var get_char = a.charAt(0);
//get_char = "h"

lastIndexOf
返回字符串中一个子串最后一处出现的索引(从右到左搜索),如果没有匹配项,返回 -1 。
var index1 = lastIndexOf(‘l‘);
//index1 = 3


match
检查一个字符串匹配一个正则表达式内容,如果么有匹配返回 null。
var re = new RegExp(/^\w+$/);
var is_alpha1 = a.match(re);
//is_alpha1 = "hello"
var is_alpha2 = b.match(re);
//is_alpha2 = null

substring
返回字符串的一个子串,传入参数是起始位置和结束位置。

var sub_string2 = a.substring(1,4);
//sub_string2 = "ell"

substr ********
返回字符串的一个子串,传入参数是起始位置和长度
var sub_string1 = a.substr(1);
//sub_string1 = "ello"
var sub_string2 = a.substr(1,4);
//sub_string2 = "ello"

replace *******
替换字符串,第一个参数代表被替换的字符串,第二个参数代表替换的字符串
a.replace("he","aa")


search
执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。
var index1 = a.search(re);
//index1 = 0
var index2 = b.search(re);
//index2 = -1

split ******
通过将字符串划分成子串,将一个字符串做成一个字符串数组。
var arr1 = a.split("");
//arr1 = [h,e,l,l,o]

length 属性 *******
返回字符串的长度,所谓字符串的长度是指其包含的字符的个数。


toLowerCase
将整个字符串转成小写字母。
var lower_string = a.toLowerCase();
//lower_string = "hello"

toUpperCase
将整个字符串转成大写字母。
var upper_string = a.toUpperCase();
//upper_string = "HELLO"

 
























































以上是关于javascript函数以及js封装功能一览的主要内容,如果未能解决你的问题,请参考以下文章

jquery 与 javascript 有啥关系?jquery 干啥用的?

主流JS库一览

[Effective JavaScript 笔记]第27条:使用闭包而不是字符串来封装代码

七JavaScript函数

JavaScript --- [基本语法之函数]

简易计算机:(JavaScript实现)