一起自学前端开发!

JavaScript函数的作用--JavaScript入门笔记

来源:原创    更新时间:2017-07-31 20:12:06    编辑:前端网编辑    浏览:1564

问:什么是函数?

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

说明:什么是事件驱动呢?通俗讲就是你点什么按钮(即产生什么事件),电脑执行什么操作(即调用什么函数),下面我们看例子吧。

例子1: 点击按钮,弹出Hello World!。

<!DOCTYPE html>

<html>

<head>

< >

function myFunction()

{

alert("Hello World!");

}

</ >

</head>

<body>

<button ="alert('Hello World!');">按钮 A</button>

<button ="alert('Hello World!');">按钮 B</button>

</body>

</html>

例子2:点击按钮,弹出Hello World!。

<!DOCTYPE html>

<html>

<head>

< >

function myFunction()

{

alert("Hello World!");

}

</ >

</head>

<body>

<button ="myFunction()">按钮 A</button>

<button ="myFunction()">按钮 B</button>

</body>

</html>

说明:

例子1与例子2实现的效果是一样的,都是点击按钮后,弹出Hello World!

例子1的代码与例子2的区别在于:例子1使用的函数内部的代码,例子2使用的函数名字。当函数内部代码很多的时候,例子1的代码数量将远远多于例子2。

对于说明中的函数名,函数内部代码等概念不懂的同学不要慌,后面我们会讲解具体的概念。这里只是为了直观表现函数的作用而举的例子。现在不用懂具体代码的意义。

 

总结: 

函数是用来帮助我们封装、调用代码的最方便的工具。

函数可以重复调用一段代码,减少代码量,方便使用,也会利用实现模块化。


评论区

表情

共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

相关内容

点击排行

随机新闻

评论排行榜