前端 —— JavaScript 基础篇（7--- function 函数）

最新推荐文章于 2023-06-03 17:06:46 发布

淡泊-宁静致远

最新推荐文章于 2023-06-03 17:06:46 发布

阅读量1.8k

点赞数 2

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/dingdinglaila/article/details/105937618

版权

本文介绍了JavaScript中的函数，包括函数的定义、调用、返回值，匿名函数的使用，以及局部变量的概念。函数作为可复用的代码块，允许传入参数并产生不同结果。在函数调用时，实参需要与形参一一对应。匿名函数在预解析阶段会被提升，而局部变量只在函数内部有效，且在函数结束时被销毁。

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

函数

为执行特定任务的代码块会在某代码调用它时被执行。可以反复使用
能够多次向同一函数传递不同的参数，以产生不同的结果

语法：

函数通过 function 关键词进行定义，其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。
小括号内可以有参数，参数与参数之间以逗号隔开，这里的参数称为：形参。

function fn01（）{
   
//函数体
}
//有参数的函数
function fn02（参数1,参数2）{
   
//函数体
}

函数调用

函数中的代码会在其他的代码调用该函数时执行：比如最常见的 当用户点击按钮时</

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

淡泊-宁静致远

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

前端从入门到精通---函数(Function)

ztyjr888的专栏

09-26

1250

函数是被设计为执行特定任务的代码块, 会在某代码调用它时被执行。声明格式 function 函数名(parms1, params2, ..., paramsX){ 　　 //函数体代码　　return 返回值 } 注意事项函数名必须要符合驼峰式命名(首字母小写,之后每个单词首字母大写); 函数名后面的()中, 可以有参数, 也可以没有参数, 分别称为有参函数和无参函数; 声明函数时的参数列表, 称为形参列表, 形式参数(变量的名字), function sayHello (x, y

前端 —— JavaScript 基础篇 15 --- event 事件对象

宁静致远

06-05

473

在上一篇的文章中提到过 event 对象。 Event 对象代表事件的状态。与事件相关的一系列数据，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。什么时候会产生Event 对象呢? event对象只在事件发生的过程中才有效例如: 当用户单击某个元素的时候，该元素的事件就会触发，该事件的本质就是一个函数，而该函数的形参接收一个even，事件通常与函数结合使用，函数不会在事件发生前被执行！获得event对象兼容性写法 event ||...

参与评论您还未登录，请先登录后发表或查看评论

前端js入门——JavaScript function 函数

fenghulun的博客

06-07

804

函数是JavaScript中应用最为广泛的数据结构。首先看一段代码实例感受一下它的功能： function func(webName,age){ let str=webName+``"已经"``+age+``"岁了"``; console.log(str); } func(``"蚂蚁部落"``,5); func(``"百度"``,18); 上面代码创建一个函数，调用两次并传递不同的参数。由此我...

前端学习（二）：Function类型

dodo7894的博客

10-19

501

首先，说一个很重要的概念性的东西：“函数是对象，函数名是指针”，这个概念能让我们很清晰的了解到函数是一个什么东西。每个函数都是Function类型的实例，具有和其他引用类型一样的属性和方法；定义函数的方法有两种：一、函数声明语法定义： function sum(num1,num2){ 　　　　return num1 + num2 ; }; 二、函数表达式：...

学习前端的第二十一天——function函数

Robergean的博客

06-18

3530

function函数的介绍及用法

WEB前端网页设计 - JavaScript 函数篇

君逍遥o

06-03

1152

WEB前端网页设计 - JavaScript 函数篇

前端 —— JavaScript 基础篇13 --- 事件监听器（DOM2级事件）

宁静致远

05-30

489

之前的文章的案例中为DOM元素添加事件，出现两种方式。今天再说下第三种方式，也能为元素添加事件。事件监听器 addEventListener 可以添加多个事件。存在兼容问题，支持 IE9 以上实例： <button>事件监听dom2级</button> var btn = document.querySelector('button'); btn.addEventListener('click',function () { alert('哈哈') });

头歌教学实践平台 Web前端开发基础 JavaScript学习手册十四：HTML DOM-文档元素的操作（二）

最新发布

01-20

这篇教程——"JavaScript学习手册十四：HTML DOM-文档元素的操作（二）"深入探讨了如何使用JavaScript来操纵HTML文档中的元素，进一步提升网页动态性和交互性。 DOM是HTML和XML文档的一种结构化表示，它将网页内容...

BAT及各大互联网公司2014前端笔试面试题--JavaScript篇

10-25

以上知识点涵盖了JavaScript语言的基础知识点，对于前端开发者来说，在面对面试时，这些知识是基础且必须熟练掌握的。对于巩固和复习JavaScript的基本概念和技术细节，这些题目同样具有重要的参考价值。当然，实际...

Function的用法

qq_41055607的博客

01-13

1万+

定义函数的基本方法： 1，函数声明： function fun1(){ } 2，函数表达式： var fun2 =function (){ } 3，Function: var fun3 = new Function(){ ...

【前端学习】javascript函数function

XTU_xiaoxin的专栏

10-16

845

本文主要对javascript function作一个简单的介绍，牵涉到的知识比较基础，也没给出相关的测试例子，但是这些基础知识对初学者来说却是非常重要的，需要深刻理解和掌握的

前端开发常用的函数总结。

web前端开发大全

05-11

518

1、将秒=>转为：天+小时+分钟+秒 function timeStamp(second_time) { var time = parseInt(second_time) + "s"; if(parseInt(second_time) > 60) { var second = parseInt(second_time) % 60; ...

前端js中function构造一般函数

个人笔记

03-11

795

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script type="text/javascript"> /*函数：具有特定功能的代码块 function 函数名 (参数){ }

【前端-初阶】JS函数

qq_48234463的博客

03-19

183

【前端-初阶】JS函数

function

weixin_39037804的博客

10-08

134

function foo(){ function bar(){ return 3; } return bar(); function bar(){ ret...

javascript里function函数的用法

hai_zai的专栏

04-16

1012

function add(a,b){ alert(a+b); } //add(); function funTest(){ var a=11; var b=22; add(a,b); } //点击事件函数 function clickFun(){ //var form = document.getElementById("form1"); //form.ac

第五章 javascript函数（function）的介绍和使用

杨树林er的博客

03-01

729

函数，即功能。将实现了某个功能的代码，集中起来，通过函数语句进行封装，封装之后，可以选择直接执行或行为的代码段

JavaScript基础语法_JavaScript函数