js-day04函数&返回值

简介: js-day04函数&返回值

js-day04函数&返回值


0.今日目标

1.两种定义函数的方式及区别
2.形参和实参
3.带参函数的定义
4.函数的返回值

1.函数

函数:一段代码的封装。主要用于实现某个功能。  【函数是代码封装和复用的体现】
1.定义
    1.声明式    
        function 函数名(){
            函数体;
        }
    2.表达式    
        let|var  函数名 = function(){
            函数体
        }
    注意:函数不会主动执行 
    调用:  函数名()  
    声明式的调用可以在函数定义之前,而表达式不能提前调用

2.带参函数的定义步骤

1.实现已知数据的功能代码
2.在定义函数的小括号处,填入形参【未知数据】,多个用逗号分隔。
3.在调用函数的小括号处,填入实参【具体的数据】。

3.形参和实参的关系

形参和实参在个数、顺序、数据类型上都要一致!
如果实参少于形参个数,形参的值为undefined;

4.变量的作用域

全局变量:全局可用。函数体外通过var定义的,或者在函数体内部没有用关键字直接就定义的变量
局部变量:在函数体内部定义的变量。

5.函数的返回值

当需要函数的结果进行下一步运算、明确要求返回的时候,需要使用返回值。
函数体后面   return   变量、值、表达式;
return的值的获取    函数名()
注意:
    return一旦执行,后面的代码就不会再执行了。
    函数如果没有设置return,那么函数的返回值就是undefined;
相关文章
|
5天前
|
JavaScript 前端开发
JavaScript 闭包:让你更深入了解函数和作用域
JavaScript 闭包:让你更深入了解函数和作用域
|
1天前
|
前端开发 JavaScript
前端 JS 经典:函数管道
前端 JS 经典:函数管道
4 0
|
5天前
|
JavaScript 前端开发 网络架构
函数柯里化:JavaScript中的高级技巧
函数柯里化:JavaScript中的高级技巧
|
5天前
|
JavaScript 前端开发
JavaScript的`apply`方法:函数的“应用”与“调用”
JavaScript的`apply`方法:函数的“应用”与“调用”
|
5天前
|
JavaScript 前端开发
JavaScript的`bind`方法:函数的“复制”与“定制”
JavaScript的`bind`方法:函数的“复制”与“定制”
|
5天前
|
JavaScript 前端开发
JavaScript的`call`方法:实现函数间的调用!
JavaScript的`call`方法:实现函数间的调用!
|
6天前
|
JavaScript 前端开发
在JavaScript中,函数原型(Function Prototype)是一个特殊的对象
【5月更文挑战第11天】JavaScript中的函数原型是一个特殊对象,它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性,指向原型对象。利用原型,我们可以向所有实例添加方法和属性,实现继承。例如,我们定义一个`Person`函数,向其原型添加`greet`方法,然后创建实例`john`和`jane`,它们都能调用这个方法。尽管可以直接在原型上添加方法,但推荐在构造函数内部定义以封装数据和逻辑。
18 2
|
6天前
|
前端开发 JavaScript 数据处理
在JavaScript中,异步函数是指什么
【5月更文挑战第9天】JavaScript中的异步函数用于处理非立即完成的操作,如定时器、网络请求等。它们可通过回调函数、Promise或async/await来实现。示例展示了如何使用async/await模拟网络请求:定义异步函数fetchData返回Promise,在另一异步函数processData中使用await等待结果并处理。当fetchData的Promise解析时,data变量接收结果并继续执行后续代码。注意,调用异步函数不会阻塞执行,而是会在适当时间点继续。
12 0
|
6天前
|
自然语言处理 JavaScript 前端开发
在JavaScript中,this关键字的行为可能会因函数的调用方式而异
【5月更文挑战第9天】JavaScript中的`this`关键字行为取决于函数调用方式。在非严格模式下,直接调用函数时`this`指全局对象,严格模式下为`undefined`。作为对象方法调用时,`this`指向该对象。用`new`调用构造函数时,`this`指向新实例。通过`call`、`apply`、`bind`可手动设置`this`值。在回调和事件处理中,`this`可能不直观,箭头函数和绑定方法可帮助管理`this`的行为。
15 1
|
6天前
|
JavaScript 前端开发 网络架构
JavaScript中的箭头函数是一种新的函数表达形式
【5月更文挑战第9天】JavaScript的箭头函数以简洁语法简化函数定义,其特性包括:1) 不绑定自身this,继承上下文的this,适合回调和事件处理;2) 没有arguments对象,需用剩余参数语法访问参数;3) 不能用作构造函数,无new调用;4) 没有prototype属性,不支持基于原型的继承。箭头函数在特定场景下优化了this处理,但使用时要注意与普通函数的差异。
12 2