JS 02 函数

函数

一、创建函数

1.function 函数名( 形参列表 ){ 函数体 }

2.var 函数名 = function( 形参列表 ) { 函数体 }

3.var 函数名 = new Function("形参1","形参2",...,"形参N","函数体" )

 

二、函数的属性

1.length 形参的个数

2.arguments 只能用在函数体中，表示实参的一个数组

 

三、函数的注意

1.在js中，函数也是对象

2.函数可以作为参数进行传递

3.在js中，"()"表示函数的执行符

4.在js中，形参的个数和实参个数可以不一致

 

四、内置函数

parseInt() ：将一个字符串转化为一个整数

parseFloat()：将一个字符串转化为一个浮点数

isNaN()：判断一个数是否是NaN

isFinite()：判断一个数是否为有限的

eval()：解析js代码，并执行js代码

 

事件

一、定义

事件是对象发送的消息，以发信号通知操作的发生

 

二、事件类型

onclick：单击事件，常用标签：button标签、a标签、img标签

ondblclick：双击事件，常用标签：button标签、a标签、img标签

onfocus：获取焦点事件，常用标签：<input type="text/password">标签

onblur：丢失焦点事件，常用标签：<input type="text/password">标签

onchange：html标签的值发生改变的事件，常用标签：select标签

onload：页面加载时的事件，常用标签：body标签

 

三、注意

1.一个事件可以调用多个函数

2.一个标签可以绑定多个事件（注意有些事件不能共存）

 

// 1.length 表示形参的个数

// 2.arguments：表示所有实参的一个数组（arguments只能使用在函数的内部）

 

创建函数的方式

 // 1.function 函数名( 形参列表 ){ 函数体 }
　　　　 function func1() {
　　　　　　 alert("hello");
　　　　 }

// 2.var 函数名 = function( 形参列表 ){ 函数体 }
　　 var func2 = function () { 
　　　　alert("hi");
 　　}

// 3.var 函数名 = new Function(形参1,形参2,...,形参N,函数体); 
　　var func3 = new Function("a", "b", "return a+b"); 
　　var result = func3(3, 4);
　　 console.log(result); 
　　function test1(a, p1, p2) {
　　　　 a(p1, p2); 
　　} 
　　test1(func3, 3, 4)

// 二、函数的属性
        // 1.length 表示形参的个数
        function test2(a, b, c, d) {
            return a + b;
        }

        console.log(test2.length);

// 2.arguments：表示所有实参的一个数组（arguments只能使用在函数的内部）
        function test3(a, b, c) {
            console.log(arguments)
            return a + b + c
        }
        console.log(test3(1, 2, 3));

 

 

// 函数的重点：

// 1.函数在js中作为对象存在

// 2.函数可以作为参数传递

// 3."()"在js中可以表示函数对象的执行符

// 4.在js中形参的个数和实参个数可以不一致

  var add1 = function (a, b, c, d) {
            return a + b + c + d;
        }

        var add1 = function (a, b) {
            return a + b;
        }

        var add1 = function (a, b, c) {
            return a + b + c;
        }


        result = add1(3, 4, 5, 6);
        console.log(result);

没有重载 取最后一个

 

 

内置函数

 //parseInt():将一个字符串转化为一个int数据
        var result = parseInt("1aa23.45aa6");
        console.log(result)
//parseFloat():将一个字符串转化为一个float数据
        result = parseFloat("12a3.4a56")
        console.log(result);
 //isNaN():判断一个number数据是否为NaN
        result = isNaN(parseInt("1aa23.45aa6"));
        console.log(result);
//isFinite():判断一个数字是否是有限的
        result = isFinite(1 / 0);
        console.log(result);

//eval():解析js代码，并运行js代码
        var str = "alert('haha')";
        eval(str);