javascript函数

javascript函数

一、javascript函数

函数的概念

函数就是用关键词function把一段需要经常使用的代码包含起来，在调用function时会调用该代码块

js函数的声明方式：

1，直接声明

 function func1(a, b) {
        console.log(a + b);
    }
    func1(2,3);//5

2、函数表达式（匿名函数）

var func1 = function (a, b) {
        console.log(a + b );
    };
    func2(2, 3);//5

3.构造函数

var func1 = new Function('a', 'b',  'console.log(a+b)');
    func3(2,3);//5

4、es6中的箭头函数
()=>{}

js函数调用

1、直接调用函数：

//函数声明
function fn(){
    console.log(1);
}
 
//函数的调用
fn();

2.方法调用
这里是指把值赋值给一个对象，然后利用对象的方法进行调用

/ 定义一个函数
var func = function() {
    alert("我是一个函数么?");
};
// 将其赋值给一个对象
var o = {};
o.fn = func; // 注意这里不要加圆括号
// 调用
o.fn();

3、构造函数调用模式
这里使用的是this构造方法
在一般函数下，this指向的是windows，
在构造函数的情况下，this指向的是当前对象
关于this的具体用法比较详细，我也单独做了笔记
aaaa

函数的表达式

函数表达式就是把函数存到变量里面
匿名函数就是变量为空的情况

var fn = function(){
    console.log("函数表达式：将函数存到变量里");
};
fn();/

匿名函数不需要调用也能直接执行的方法（立即执行函数）

(function(){
    console.log("匿名函数自执行");
})();

立即执行函数没有声明，在一次执行过后立即释放，适合做初始化工作，只执行一次，执行后就销毁，不在占用空间，其中有预编译，也有执行期上下文，表达式被执行之后会自动忽略函数的名字

函数参数

函数参数一般从父级元素中获取，
行参：形式上的参数，给函数声明一个参数
实参：实际的参数，在函数调用时给形参赋的值

function func(形参1,形参2){
    //函数执行代码
}
 
func(实参1,实参2);//调用时传参

函数返回值

函数的返回值就是函数执行后返回的结果。
函数在执行后都会返回一个结果。
这个结果一般由return定义
return之后的代码不在执行
return只能用在函数中，不能用在其他地方
如果没有返回值，默认为underfined

 function func1(){
           console.log("函数func1执行内容");
        } 
        function func2(){
           console.log("函数func2执行内容");
           return 1;
           var a = 2;
           console.log(a);
        } 
        //如果没有定义默认返回undefined
        console.log("func1返回结果："+func1());//undefined
        console.log("func2返回结果"+func2());//1