第九站:速学JavaScript中的函数

简介: 第九站:速学JavaScript中的函数

js函数

欢迎来到《JavaWeb的奇妙冒险》教学系列!在本站中,我们将深入探索Web开发的精彩世界。在学习的过程中,我们既要保持轻松愉快,又要确保高质量的教学内容。准备好进入第九站的学习之旅了吗?让我们开始吧!



在java当中称为方法,在js中称为函数

函数

介绍:

函数(方法)是被设计为执行特定的任务的代码块

定义:

JavaScript函数通过function关键之来进行定义或者声明,语法为:

function functionName(参数1,参数2...){
//方法体或者函数体或者要执行的代码
}
//add函数
function add(a,b){
    return a+b;//是用来运算两个数之和的一个函数或者方法
}

注意:

  • 形式参数不需要类型,因为JavaScript是弱类型语言
  • 返回值也不需要定义类型,可以在函数内部直接使用return返回即可
  • 调用:函数名称(实际参数列表)

如果调用的函数又返回值,那么我们就要声明一个变量去接收这个返回值。

例如:

var result = add(10,20);//调用上述的add方法,然后会返回一个数值,我们定义一个变量去接收这个返回值
asert(result);//30

JS中的函数还有一种定义的方式:

基本思想就是把定义好的函数的整体当做一个变量,然后使用一个var关键字声明一个变量去接收这个函数

//基本语法
var functionName = function(形参1,形参2...){
//函数体或者方法体或者要执行的代码
}
//具体的实例、函数的定义、两个数相加的函数
var add = function(a,b){//这里的add是自定义的方法名
retrun a+b;
}
//调用这个函数

函数定义示意图: ![在这里插入图片描述](https://ucc.alicdn.com/images/user-upload-01/92d0d337f3f04e699bbaf6a9dead27fd.png)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-函数</title>
</head>
<body>
    <script>
        //我们可以在HTML文件的任意位置引入js代码,js的引入有两种方式,分别为:内部脚本和外部脚本
        /*我们现在采用的就是内部脚本,是通过在html文件中的任意位置,使用HTML中的一个<script>标签来引入的
        这种方式和把CSS样式引入到HTML中的第二种内嵌样式是非常相似的,都是通过一个HTML中专门为CSS和JS提供的
        专属标签来引入对应的代码。  
        */
        //定义函数d的第一种方式!
        function add(a,b){
            //js中的函数的形参是不需要指定类型的,js函数的声明也不需要指定返回值的类型,这都是因为JS是一门弱类型的语言
        return a+b;//函数的具体实现就是将传递进来的两个实参相加之后返回一个结果即可。
        }
        //函数的调用
        var value = add(10,20);
        alert(value);
        //函数调用的第二种方式!
        var sum = function(a,b){
            return a+b;
        }
        //函数的调用
        var value = add(10,20.30,40);
        /*函数调用可以传递任意个数的参数,但是方法只接受两个,具体的实现是第一实参传递给了a,第二个实参传给了b,后面两个参数传递的时候没有被方法接收,所以运算的结果依旧是30*/
        alert(value);
    </script>
</body>
</html>

b,后面两个参数传递的时候没有被方法接收,所以运算的结果依旧是30*/

alert(value);

</script>

```

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