函数的定义 ：

【完成某一个功能的代码段】

1、方便维护

2、重复利用

3、执行代码段

函数的一些要求：

　　function 定义某一个函数 命名最好要有语义化，
　　函数名称最好是驼峰，
　　严格区分大小写，
　　函数名重名会产生覆盖，
　　函数可以有参数也可以没有参数，
　　可写一个也可写多个，写几个传几个 ，
　　函数通过return返回值，如果不返回则是undefined。

自调用函数：

函数表达式可以 "自调用"。

自调用表达式会自动调用。

如果表达式后面紧跟 () ，则会自动调用。

不能自调用声明的函数。

通过添加括号，来说明它是一个函数表达式：

 (function () {

     var x = "Hello!!";      // 我将调用自己

 })();

回调函数：

原理：

我现在出发，到了通知你”
  这是一个异步的流程，“我出发”这个过程中（函数执行），“你”可以去做任何事，“到了”（函数执行完毕）“通知你”（回调）进行之后的流程

 <script type="text/javascript">

             //回调函数的例子

             function calc(x,y){

                 return x()+y();

             }

             function test1(){

                 return 3;

             }

             function test2(){

                 return 5;

             }

 //            alert(calc(test1,test2));

             alert(calc(function(){return 5;},function(){return 10;}));

         </script>

实现默认参数和可变参数：

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8">

         <title></title>

     </head>

     <body>

     <script type="text/javascript">

     //实现默认参数的形式

     function calc(x,y){

         x=x||0;

         y=y||0;

         return x+y;

 }

     function calc(x,y){

         if(x===undefined){

             x=0;

         }

         y=y===undefined?0:y;

         return x+y;

     }

 //    alert(calc());

 //    alert(calc(1,3));

     function calc(x,y){

         //return arguments;

         //alert(arguments[0]);

         //alert(arguments[1]);

         x=arguments[0]?arguments[0]:0;

         y=arguments[1]?arguments[1]:0;

         return x+y;

     }

 //    alert(calc());

 //    alert(calc(1,2));

 //可变参数形式的函数

     var sum=0;

     function test(){

         var paramsNum=arguments.length;//得到传入参数的个数

         for(var i=1;i<=paramsNum;++i){

             sum+=arguments[i];

             //sum = sum + arguments[i];

         }

         return sum;

         //document.write(sum);

     }

     //alert(test(1,2,3,4,5,6,123,344,43,3));

     function test1(){

         var paramsNum=arguments.length;

         var max=0;

         for(var i=0;i<=paramsNum-1;i++){

             if(arguments[i]>max){

                 max=arguments[i];

             }

         }

         return max;

     }

     alert(test1(123,445643,3432,23456));

     </script>

 </body>

 </html>

全局函数：

     <script type="text/javascript">

         //全局函数的例子

         document.write('默认情况的结果<br/>');

         document.write(parseInt('32')+'<br/>');

         document.write(parseInt('032')+'<br/>');

         document.write(parseInt('0x32')+'<br/>');

         document.write(parseInt('true')+'<br/>');

         document.write(parseInt('3king')+'<br/>');

         document.write(parseInt(' 5abc ')+'<br/>');

         document.write(parseInt(' 88 99 00')+'<br/>');

         document.write('<hr color="red"/>');

         document.write('转换成二进制的结果<br/>');

         document.write(parseInt('32',2)+'<br/>');

         document.write(parseInt('032',2)+'<br/>');

         document.write(parseInt('0x32',2)+'<br/>');

         document.write('<hr/>');

         document.write('转换成八进制的结果<br/>');

         document.write(parseInt('32',8)+'<br/>');

         document.write(parseInt('032',8)+'<br/>');

         document.write(parseInt('0x32',8)+'<br/>');

         document.write('<hr/>');

         document.write('转换成八进制的结果<br/>');

         document.write(parseInt('32',16)+'<br/>');

         document.write(parseInt('032',16)+'<br/>');

         document.write(parseInt('0x32',16)+'<br/>');

         //二进制转换成其他进制

         document.write('<hr/>');

         document.write('二进制转换成其他进制的结果<br/>');

         document.write(parseInt('11001010',2)+'<br/>');

         document.write(parseInt('11001010',8)+'<br/>');

         document.write(parseInt('11001010',10)+'<br/>');

         document.write(parseInt('11001010',16)+'<br/>');

         document.write(parseInt('202',2)+'<br/>');

         //转换成浮点型

         document.write('<hr/>');

         document.write(parseFloat('2.6')+'<br/>');

         document.write(parseFloat('323')+'<br/>');

         document.write(parseFloat('2e2')+'<br/>');

         document.write(parseFloat('123abc')+'<br/>');

         document.write(parseFloat(' 2.6 ')+'<br/>');

         document.write(parseFloat('a2.6')+'<br/>');

         //通过isFinite()检测是否是无穷值

         var x=123;

         x=Infinity;

         x=-Infinity;

         x=0/0;

         x=0;

         x=false;

 //        alert(isFinite(x));

         x=NaN;

         x=123;

         x=false;

         x=parseInt('king3');

         alert(isNaN(x));

     </script>

全局变量和局部变量的区别：

        <script type="text/javascript">

            //全局变量和局部变量的区别

//            function test(){

//                var x=1;

//                alert(x);

//            }

//            test();

//            alert(x);

//            function test1(){

//                y=5;

//                alert(y);

//            }

            //test1();

            //alert(y);

        var x=1,y=2;

        function calc(x,y){

            document.write('a的值为'+a+'<br/>');//undefined

            document.write('函数体内x的值为：'+x+'<br/>');//

            document.write('函数体内y的值为：'+y+'<br/>');//

            var x=0,y=6;

            z=x+y;

            x=x+y;

            var a=198;

            document.write('a的值为：'+a+'<br/>');//

            document.write('x的值为：'+x+'<br/>');//

            return z;

        }

//        alert(calc(1,2));//6

//        alert(x+'-'+y+'-'+z);//12u    126

        //var a=1,b=2;

        function test1(){

            var a=5,b=10;

            return a+b;

        }

        function test2(){

            var a=11,b=22;

            return a+b;

        }

        alert(test1()+test2());

        /*alert(test2());

        alert(a+'--'+b);*/

        </script>

函数这块总结可能不够细致，如果有更好的希望一起交流哦~~~~~

【JavaScript函数】的更多相关文章

  1. ABP(现代ASP.NET样板开发框架)系列之21、ABP展现层——Javascript函数库

    点这里进入ABP系列文章总目录 基于DDD的现代ASP.NET开发框架--ABP系列之21.ABP展现层——Javascript函数库 ABP是“ASP.NET Boilerplate Project ...

  2. JavaScript权威设计--JavaScript函数(简要学习笔记十一)

    1.函数调用的四种方式 第三种:构造函数调用 如果构造函数调用在圆括号内包含一组实参列表,先计算这些实参表达式,然后传入函数内.这和函数调用和方法调用是一致的.但如果构造函数没有形参,JavaScri ...

  3. JavaScript 函数

    JavaScript 函数 介绍:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块.嗯,就像Java中封装的方法一样. 将脚本编写为函数,就可以避免页面载入时执行该脚本. 函数包含着一些代码 ...

  4. javascript 函数初探 （一）--- 神马是函数

    神马是函数? 所谓函数,本质上是一种代码的分组形式.我们可以通过这种形式赋予某组代码一个名字,以便与之后的调用.下面,我们来示范以下函数的声明: function sum(a, b){ var c = ...

  5. JavaScript函数的概念

    函数是这样的一段代码,它只定义一次,但可能被执行或调用任意多次. JavaScript函数是参数化的:函数的定义会包含形参,这些参数在函数的整体中像局部变量一样工作.函数调用时会为形参提供实参的值.除 ...

  6. Javascript函数重载，存在呢—还是存在呢？

    1.What's is 函数重载? );//Here is int 10 print("ten");//Here is string ten } 可以发现在C++中会根据参数的类型 ...

  7. JavaScript 函数声明，函数表达式，匿名函数，立即执行函数之区别

    函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使 ...

  8. javascript 函数重载 overloading

    函数重载 https://en.wikipedia.org/wiki/Function_overloading In some programming languages, function over ...

  9. JavaScript语言精粹读书笔记 - JavaScript函数

    JavaScript是披着C族语言外衣的LISP,除了词法上与C族语言相似以外,其他几乎没有相似之处. JavaScript 函数: 函数包含一组语句,他们是JavaScript的基础模块单元,用于代 ...

  10. 常见的JavaScript函数

    JavaScript函数一共可分为5类:常规函数.数组函数.日期函数.数学函数和字符串函数. (1)常规函数(9个) alert函数:显示一个警告对话框,包括一个“确定”按钮. confirm函数:显 ...

随机推荐

  1. selenium.common.exceptions.WebDriverException: Message: 'phantomjs' executab

    该问题博主是在Mac环境遇到的,对应windows找对应解决方案解决即可. 问题原因: phantomjs环境配置有问题,要么是配置错误,要么是没有配置. 解决方案: 1.将下载解压好的phantom ...

  2. 【java设计模式】【行为模式Behavioral Pattern】策略模式Strategy Pattern

    package com.tn.策略模式; public class Client { private Strategy strategy; public void setStrategy(Strate ...

  3. Python 项目实践二（下载数据）第三篇

    接着上节继续学习,在本章中,你将从网上下载数据,并对这些数据进行可视化.网上的数据多得难以置信,且大多未经过仔细检查.如果能够对这些数据进行分析,你就能发现别人没有发现的规律和关联.我们将访问并可视化 ...

  4. C# TreeView 控件的综合使用方法

    1.概述 该篇文章开发使用的语言c#,环境visualstudio2010,sql数据库.主要内容包括: (1)treeView控件添加根节点.子节点的基本方法,节点的删除. (2)把treeView ...

  5. Pytorch windows10安装教程

    强烈建议安装anaconda之后再来安装这个pytorch,具体怎么安装百度搜索就知道了. 温馨提示,在安装anaconda的时候记得将"添加到环境变量"(安装的时候是英文的)这一 ...

  6. asp.net MVC分页

    .Net MVC  分页代码,分页的关键就是在于这几个参数pageIndex ,recordCount,pageSize ,下面是张林的网站做的一个简单的分页代码 效果如图 public class ...

  7. uptime 命令详解

    作用: 打印系统总共运行了多长时间和系统的平均负载. uptime 命令可以显示的信息依次为:  现在时间, 系统已经运行时间, 目前登录用户个数, 系统1,5,15 分钟内的平均负载 实例:  up ...

  8. .NET使用存储过程实现对数据库的增删改查

    一.整体思路 先建立存储过程,再通过.net 调用存储过程,来实现对表的增删改查. 二.新建数据库及存储过程 打开SqlServer2008,新建数据库orm1,及表Student. 数据库和表建立好 ...

  9. Locust no-web 模式与参数详解

    读前参考:<性能测试工具Locust > 熟悉 Apache ab 工具的同学都知道,它是没有界面的,通过命令行执行. Locust 同样也提供的命令行运行,好处就是更节省客户端资源. 命 ...

  10. Spring aop 注解参数说明

    在spring AOP中,需要使用AspectJ的切点表达式语言来定义切点. 关于Spring AOP的AspectJ切点,最重要的一点是Spring仅支持AspectJ切点指示器(pointcut ...