前端之js中的函数

函数

函数就是重复执行的代码片。

 

函数定义与执行

<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文件比较安全