JavaScript函数

Posted 2022-12-15 zqq_hello_world

javascript函数

JavaScript使用function关键字定义函数，函数可以通过声明定义，也可以是一个表达式。

函数声明

//函数声明
function funName(paramters)
    //代码

//定义函数并调用
function fun1(a,b)
    consone.log('a = ' + a + ',b = ' + b);

//调用
fun1();

函数表达式

通过表达式定义函数。函数可以存储在变量中。

//定义匿名函数
var fun = function(a,b)return a * b;
var fun1 = (a,b) => return a * b;
//通过变量名调用函数
var f = fun(1,2);
var f1 = fun1(2,3);

Function()构造函数

函数可以通过内置的JavaScript函数构造器Function()定义

var fun = new Funtion('a','b','return a * b');
var x = fun(1,2);

函数提升

JavaScript默认将函数作用域提升到前面去。所以可以在函数声明前调用函数。

//先调用函数
fun(1);
//后声明
function fun(a)
    console.log(a);

自调用函数

函数表达式可以自调用，如果表达式后跟()，会自动调用，不能自调用声明的函数，通过添加括号来说明它是一个函数表达式。

//自调用函数
(function()
    console.log('自调用函数被执行====');
)();

函数是对象

使用typeof操作符判断函数类型将返回function，JavaScript函数有属性和方法。

var x = function(a,b)
    console.log('函数的参数个数：' + arguments.length);

console.log(typeof x);

箭头函数

ES6新增了箭头函数，箭头函数比普通函数表达式更简洁。
箭头函数定义：(参数1，参数2,...) => //代码

var fun = (a,b) => 
    console.log(a);
    console.log(b);

var fun1 = ()=> 
    console.log('无参箭头函数');

//省略大于号
var fun2 = (a,b) => console.log('a = ' + a + ',b = ' + b);

函数参数

JavaScript对函数的值没有检，如果没有传值会为undefined。JavaScript函数参数分为显示参数和隐式参数。显示参数就是函数定义时列出的值，隐式参数在函数调用时传入真正的值。
函数调用时设置了过多的参数，参数无法找到对应的参数名，可以使用arguments对象来调用。

function fun(a,b)
    console.log(a);
    console.log(b);
    for(var i = 0;i < arguments.length; i++)
        console.log('arguments = ' + arguments[i]);
    

fun(1,2,3,4,5);

函数自带参数

ES6支持函数带有默认参数

//默认参数
function fun(x = 10)
    //不传值默认为10
    console.log('参数x = ' + x);

JavaScript闭包

var fun = (function()
    var count = 0;
    return function()
        return count += 1;
    
)();
console.log(fun()); // 1
console.log(fun()); // 2
console.log(fun()); // 3

函数自我调用定义了变量count，返回一个函数，通过fun接收，调用fun函数可以使用最开始函数自调用定义的变量，这就是JavaScript闭包。它使函数拥有私有变量变成可能。变量count受匿名函数作用域包含，只能通过fun方法修改，相当于fun的私有变量。