函数基础知识

函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

函数的语法

function functionname()
{
这里是要执行的代码
}

当调用该函数时，会执行函数内的代码。

可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。

1.无参函数

无参函数即没有参数的函数

语法上没有多大差别

如:

// 使用函数,打印100次好好学习
function b(){
    for(let i=1;i<=100;i++){
        console.log('好好学习');
    }
}
b()

2.有参函数

在调用函数时，可以向其传递值，这些值被称为参数。这些参数可以在函数中使用。并且可以发送任意多的参数，由逗号 (,) 分隔：

参数必须有类型

sum2(m:number,n:number)

当声明函数时，请把参数作为变量来声明：

// 求m到n之间所有数字之和     
// 多个参数之间要用,隔开
function sum2(m:number,n:number):void{
    let sums:number=0;
    for(let i=m;i<=n;i++){
        sums+=i
    }
    console.log(sums);
}
sum2(3,9);
// 参数的顺序,必须按照形参的顺序去写

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。

3.返回值,可选/匿名参数,常见错误

返回值

带有返回值的函数

有时，我们会希望函数将值返回调用它的地方。通过使用 return 语句就可以实现。在使用 return 语句时，函数会停止执行，并返回指定的值。

function sum()
{
var x=5;
return x;
}

注意:return只能返回单个对象

当return后没有返回值时,return可用于结束函数

如

let aa:number=12;
function a5():void{
    if(aa>9){
        return//结束函数
    }
    console.log(aa);
}
a5();

可选/匿名参数

可选参数:不确定是否需要的参数,由问号(?)隔开

如下

function show(name:string,age:number,sex?:string,width?:number):void{
    console.log(`${name},年龄:${age},${sex},体重:${width}`)
}
show('张三',18);//不需要时
show('张三',18,'女',90);//需要时

匿名函数 :使用变量的方式声明函数

如下

let f=function():void{
    console.log('匿名函数');
}
f();

常见错误

// 常见错误
let a1:number=10;
function a1(){}  //标识符'a1'重复

// void不能有return值
function a2():void{
    return '你好'
}

// 返回值类型必须一致
function a3():number{
    return '你好'
}

//return    只能返回单个的对象
function a4():string{
    return '可乐'
    return '雪碧'
}

DevEco Studio

在DevEco Studio中函数的语法会有所不同,区别在于DevEco Studio中的函数去除了 function直接设置函数.并且不会影响函数的运行.其他的并无太大区别.