函数相关

爱喝酸牛奶

于 2021-03-03 11:05:40 发布

阅读量119

点赞数

分类专栏： ESMAscript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_54572521/article/details/114303292

版权

本文深入探讨了JavaScript中的函数，包括函数的基础结构、声明、参数与形实参映射、参数默认值、返回值、全局变量与函数的关系、递归、立即执行函数以及callee和caller的概念，旨在提升对JavaScript函数的理解。

摘要由CSDN通过智能技术生成

函数

1. 函数基础

基础结构：

function test(a, b) {
   
    // 执行语句
}

// 例子
if(a > 3) {
   
    for(var i = 0; i< 10; i++) {
   
        console.log(i)
    }
}
if(a > 2) {
   
    for(var i = 0; i< 10; i++) {
   
        console.log(i)
    }
}
if(a > 1) {
   
    for(var i = 0; i< 10; i++) {
   
        console.log(i)
    }
}

上面代码重复代码过多，耦合高

我们编程的主要思想就是高内聚低耦合

高内聚：开发的一个功能模块，相关性联系性强，独立性强

低耦合：我们希望把重复的代码抽象出来，组成一个独立的功能体去完成独立的功能

解耦合：—》函数

2. 函数的组成部分和声明

函数的最基本的写法：函数声明

function test(arguments || c参数) {
   
    // 函数的执行语句
}

test()// 函数的调用

3. 函数的参数与形实参的映射关系

例如：

function test() {
   
    var a = 1,
        b = 2;
    console.log(a + b)
}
test();
// 此时 a, b均为定值 我们创造一个函数 不希望值是固定的
// 这时候我们可以需要参数
             // 占位 形式上占位
function test(a, b) {
   
    console.log(a + b)
}
//    实参
test(1, 2)
// a, b 可以理解为函数内部声明的变量（类似于）， 用户可以传入需要的值
// 区别在于参数可以在函数调用的时候赋值， 而函数内部变量无法在函数执行的时候赋值
// a=>1, b=>2 参数一一对应
// test(NaN, false) 参数没有特定的类型
function test(a, b, c) {
   
    console.log(a, b, c)
}
test(1, 2)//会不会报错？1， 2 undefined
test(1, 2,</