html中函数调用 jquery html调用js函数的运行结果_i++

  概念  

在JavaScript中的函数和数学上函数完全不同!

JavaScript函数:

函数的当它被调用时执行的可重复使用的代码块。

html中函数调用 jquery html调用js函数的运行结果_封装_02

举个小例子:

我们要输出10个Hello World!,那么我们可以用循环来写

for(var i=0; i<10; i++){        document.write("Hello World!
");    }

结果如下

html中函数调用 jquery html调用js函数的运行结果_i++_03

但是呢,当我们需要重复的输入10个Hello World!时就要重复的赋值粘贴fro循环的代码,很麻烦,而且代码还是相同的,显得比较臃肿,这时候我们就可以用到函数。

html中函数调用 jquery html调用js函数的运行结果_封装_04

  无参函数  

无参函数格式:

html中函数调用 jquery html调用js函数的运行结果_html_05

注意:

函数体内,外面怎么写js代码,这里也如何写JS代码。

html中函数调用 jquery html调用js函数的运行结果_i++_06

我们拿上面的例子来说,将for循环写入函数体。

//函数的声明    function print(){        for(var i=0; i<10; i++){            document.write("Hello World!
");        }    }

这一步叫函数的声明,此时运行没有任何效果。

函数的声明就相当于在写说明书,并没有实际执行效果

只有函数被调用时,才会被执行

调用方式:函数名( );

html中函数调用 jquery html调用js函数的运行结果_i++_07

我们来调用上面的函数:

function print(){        for(var i=0; i<10; i++){            document.write("Hello World!
");        }    }//函数调用print();

这时候再运行就可以看到效果,输出10个Hello World!

html中函数调用 jquery html调用js函数的运行结果_i++_08

html中函数调用 jquery html调用js函数的运行结果_html_09

功能:

函数可以封装任意多条语句,并且可以在任何地方,任何时候调用执行

通俗点说,我们刚才写了说明书,通过函数的调用,就告诉电脑请翻到第几页执行。

以上就是函数的声明和调用。

html中函数调用 jquery html调用js函数的运行结果_html_10

函数的书面概念:

函数就是把完成特定功能的一段代码【抽象出来】,使之成为程序中的一个【独立实体】,起个名字(函数名)。可以在同一个程序或其他程序中多次重复使用(通过函数名调用)

函数的作用(好处):

1.使程序变得更简短而清晰

2.有利于程序维护

3.可以提高程序开发的效率

4.提高了代码的重用性(复用性)

html中函数调用 jquery html调用js函数的运行结果_i++_11

我们如果想要在新建一个.html文件调用之前写的函数也是可以的。

只需要一个src指定一下我们写的js路径即可

<html lang="en">    <head>        <meta charset="UTF-8">        <title>Documenttitle>        <script type = "text/javascript" src = "demo.js">script>        <script>        print();script>    head>    <body>    body>html>

运行效果和之前一样,输出了10个:

html中函数调用 jquery html调用js函数的运行结果_html中函数调用 jquery_12

这个必须要建立demo.js文件,我们先做了解,以后的课程中会详细讲解。

html中函数调用 jquery html调用js函数的运行结果_封装_13

  函数的分类  

/*函数分类:(1)内置函数(系统函数、官方函数)alert()parseInt( ) document.write()(2)自定义的函数【注】用户更具实际需求,自己封装一个函数【注】封装函数的时候。函数名=标识符必须见名思意。当前函数的函数名必须体现出函数的功能*/

以上就是函数的概念和无参函数的使用,下节我们来看有参函数。

- End –

--- web分享,分享的不只是web