函数——免费JavaScript语言零基础极速入门

99 阅读2分钟

我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。

突然女粉丝问:“陈老师!听说你是公司里的javaScript语言大师?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道JavaScript语言中函数的使用方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。

什么是 JavaScript 语言函数

JavaScript函数是固定功能程序模块,这个程序块要提前设计好后可以如同变量一样在JavaScript语言结构中使用,JavaScript函数可以反复调用,减少重复工作量。现在就给大家做个试验,演试下函数的设计使用方法。

JavaScript函数的定义方法

定义JavaScript函数须要用到关键字"function"语法如下


定义函数关键字 标识符()

例如:
function Q2838697670()

(代码1)

函数名要用JavaScript标识符规则来定义,这可不是乱起的,不了解“JavaScript标识符”的请看我前面《JavaScript教程——变量》有写到标识符的使用方法。

JavaScript函数定义案例

使用代码1设计好的JavaScript函数名,设计一个函数名为“Q2838697670()”的JavaScript函数,如代码2。


function Q2838697670()
{
alert("请关注微信公众号:design-Rabbit");
}

(代码2

设计一个JavaScript函数调用语句,如代码3。先不要想怎么回事这里照抄。以后讲到button在详细讲。


<button onclick="Q2838697670()">
点我
</button>

(代码3)

把前面设计好的JavaScript函数和函数调用语句移植到Html5语言框架中,如代码4。

<!DOCTYPE HTML>
<html>
<head>

<script>

function Q2838697670()
{
alert("请关注微信公众号:design-Rabbit");
}

</script>

</head>

<body>
<button onclick="Q2838697670()">
点我
</button>
</body>

</html>

(代码4)

运行代码4,就可以看到图1的效果,如果还不会运行方法,可以看我以前写的Html5,学习代码运行方法。

image.png
(图1)

在图1中,可以看到在运行JavaScript函数调用以后会出现一个确定键“点我”,点击后会跳出如图2的效果。

image.png (图2)

从图2中可以看到一个JavaScript弹出对语框,这就说明我们的JavaScript函数调用的试验成功了,点击“确定”弹出对话框会消失。

杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。

更多内容请看
虎哥引流器

http://2008622.3vfree.cc/GongNengYie.html