5、函数的简介

作者: 宁公子_5dce | 来源:发表于2019-07-30 21:08 被阅读2次

什么是函数?

在JS中,函数用关键字Function表示:

JavaScript 函数是被设计为执行特定任务的代码块。
JavaScript 函数会在某代码调用它时被执行。
有时候使用js来完成某些特定的操作可能需要成百上千行的代码量,我们使用函数可以更加便捷的修改或者重复这些代码块:

  • 函数其实就是用来封装一些代码块,当我们调用函数的时候,就能同时调用这一部分的所有代码,已达到执行某一功能的目的
  • 可以简化代码,便于维护且可以灵活应用
  • 函数是可重复使用的代码块

函数的语法:

实例:
function myfun ([型参1,型参2]){
    return 型参1 * 型参2 ;
} 

首先是通过关键字function定义函数体,其后是函数名和括号(),最后的花括号{}.
1、 定义一个函数,function是必不可缺的,注意: JS对大小写敏感
2、 函数名可包括字母、数字、下划线和美元符号$,但要注意,不可以数字开头,其规则与变量的命名规则一致
注意: 函数名在大部分情况下是必须的,它就像是一个变量一样是用来调用函数的,只有匿名函数和立即执行函数没有函数名。
3、 跟在变量名后的括号()用来向函数内传入参数,注意,在文档中[]表示可选的,即参数可传可不传,如果传参,首先需要定义型参,
型参: 相当于这个函数的局部变量,在定义型参后如果没有传入实参,它是undefined,
实参: 相当于赋值给变量的值调用时传入,实参可以是任何值,如数字、字符串、甚至是一个函数,它同样是可选的
注意: 不管是型参还是实参,在创建的时候他们的的前后位置有严格要求,第一个实参对应着第一个型参、第二个实参对应着第二个实参...,若定义的型参多余实参,则多余的型参的值为undefined,若定义的实参多余型参,则多余的实参会被忽略。
4、 花括号内的内容是这个函数要执行的代码,函数内可以放置任何代码,可以嵌套函数,甚至可以调用这个函数本身。
注意: 关键字:return,它的作用是将值返回给函数,也就是相当于将值赋值给函数本身,注意,return还有终止的作用,类似于break,return后面的代码都不会执行
return:

  • 将一个结果返回给函数
  • 终止代码的执行,return后的代码将不会执行

5、 函数的调用就是函数名加括号(),在哪里调用就写在哪里,
注意: JS是弱语言,在JS里,大部分的分号 都可以被忽略,因为浏览器会自动将分号补上,但是浏览器的判断有一定的局限性,万一给你加错位置,就会报错,这种错误还不容易找,所以在写代码的过程中最好加上分号,养成良好的编写习惯
如:

function myfun(name,age){
//函数名为myfun,定义的型参为name,age
    return "我叫"+name+"我今年"+age+"岁了";
    //设置return将这一段话返回给函数
    console.log("我是return后的代码");
    //在return后写一段代码,看看它会不会执行
}
myfun("小明",18);
//调用函数,就是函数名加括号(),括号里是传入函数的实参

创建函数的几种方法:

在JS中有不止一种的函数形式,同样的,他们也有着对应的创建方法。

构造函数:

var fun = new Function("consloe.log('我是构造函数创建的函数')");

注: 构造函数不仅麻烦而且还不灵活,所以一般情况下很少用到

函数声明:

function fun(型参1,型参2,型参3){
        console.log("我是函数声明创建的函数");
        console.log("我是"+型参1+型参2+型参3);
            return "我是return返回的结果";
}
fun(实参1,实参2,实参3);

注: 这是我们最常用的函数形式

函数表达式:

var fun = function(){
    console.log("我是函数表达式创建的函数");
};

注: 函数表达是相当于是创建了一个匿名函数,然后将其赋值给了一个变量,它其实是一个赋值语句

匿名函数:

创建函数但不设置函数名,也不赋值给变量,所以一般无法被调用

//普通匿名函数
function (){
console.log("我不能执行,因为我无法调用")
};

相关文章

网友评论

    本文标题:5、函数的简介

    本文链接:https://www.haomeiwen.com/subject/owmorctx.html