前端之js中的函数

时间:2022-06-22 16:31:11
函数
函数就是重复执行的代码片。
 
函数定义与执行
<script type="text/javascript">
    // 函数定义
    function fnAlert(){
        alert('hello!');
    }
    // 函数执行
    fnAlert();
</script>
可以先调用再定义 即预解析(第一遍不执行,第二遍执行)
 
函数'return'关键字
函数中'return'关键字的作用:
    1.返回函数中的变量或者对象
    2.结束函数的运行
    3.如果没有返回值会返回undefined
 
条件语句:
    条件运算符
==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、
!(否)
== 默认会将符号两边的变量转换成相同类型即隐式转换
===不会转换数据类型
elif 要拆开写 else if
格式:if(条件){
条件成立时的语句
}
 
获取元素方法:
    使用内置对象document的getElementByld获取页面上设置了id属性的元素
 
格式:
    window.onload = function(){
    var oDiv = document.getElementByld("标签");
    oDiv.属性 = ""
    }
 
操作元素属性
    var 变量 = 元素.属性名 读取属性
    元素.属性名 = 新属性值 改写属性
 
属性名在js中的写法
    1、html的属性和js里面属性写法一样
    2、“class” 属性写成 “className”
    3、“style” 属性里面的属性,有横杠的改成驼峰式,比                如:“font-size”,改成”style.fontSize”
    innerHTML 可以操作标签中的文字
 
在js中,函数都有返回值,如果没有显示使用return返回值,name返回值就是undefined
在js中,函数也是一个对象,函数名实际是指向函数对象的一个引用
 
数组:
    创建:
        var aList01 = new Array(1,2,3); 面向对象的方式,性能不高
        var aList02 = ['a','b','c']; 直接量方式 常用
        获取数组成员个数:
            var iLen = aList02.legth;
        操作数组的某个成员:
            alert( aList02[2] );
        数组后边增加成员:
            aList02.push('e');
        数组后边删除成员:
            aList02.pop();
        数组反转:
            alist02.reverse();
        获取某个成员在数组中第一次出现的索引值:
            var iPos = aList.indexOf("数组中某个数据")
            如果返回值大于0 说明有这个数据,反之小于0,表示没有该数据
        同时在数组中删除添加数据:
            aList.splice(4,1,123) 从索引4开始删除一个数据 再添加上123
        将数组转换成字符串:
            var sTr = aList.join()
 
字符串处理方法
    1、字符串合并操作:“ + ”
    2、parseInt() 将数字字符串转化为整数
    3、parseFloat() 将数字字符串转化为小数
    4、split() 把一个字符串分隔成字符串组成的数组
    5、indexOf() 查找字符串是否含有某字符
    6、substring() 截取字符串 用法: substring(start,end)(不包括end)
    字符串反转
    var str = 'asdfj12jlsdkf098';
    var str2 = str.split('').reverse().join('');
    alert(str2);
 
 
 
循环语句:
    for循环:
    for(var i=0;i<len;i++(即i+=1)){
    }
 
定时器:
    创建一次执行的 setTimeout
    关闭 clearTimeout
    创建循环执行的定时器 setInterval
    关闭clearInterval
 
封闭函数
    封闭函数是javascript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数。
    封闭函数:
        (function(){
            alert('hello!');
        })();
    封闭函数的作用:
        封闭函数可以创造一个独立的空间,在封闭函数内定义的变量和函数不会影响外部同名的函数和变量,可以避免命名冲突,在页面上引入多个js文件时,用这种方式添加js文件比较安全