函数的定义：

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

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函数】的更多相关文章

ABP(现代ASP.NET样板开发框架)系列之21、ABP展现层——Javascript函数库
点这里进入ABP系列文章总目录基于DDD的现代ASP.NET开发框架--ABP系列之21.ABP展现层——Javascript函数库 ABP是“ASP.NET Boilerplate Project ...
JavaScript权威设计--JavaScript函数(简要学习笔记十一)
1.函数调用的四种方式第三种:构造函数调用如果构造函数调用在圆括号内包含一组实参列表,先计算这些实参表达式,然后传入函数内.这和函数调用和方法调用是一致的.但如果构造函数没有形参,JavaScri ...
JavaScript 函数
JavaScript 函数介绍:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块.嗯,就像Java中封装的方法一样. 将脚本编写为函数,就可以避免页面载入时执行该脚本. 函数包含着一些代码 ...
javascript 函数初探（一）--- 神马是函数
神马是函数? 所谓函数,本质上是一种代码的分组形式.我们可以通过这种形式赋予某组代码一个名字,以便与之后的调用.下面,我们来示范以下函数的声明: function sum(a, b){ var c = ...
JavaScript函数的概念
函数是这样的一段代码,它只定义一次,但可能被执行或调用任意多次. JavaScript函数是参数化的:函数的定义会包含形参,这些参数在函数的整体中像局部变量一样工作.函数调用时会为形参提供实参的值.除 ...
Javascript函数重载，存在呢—还是存在呢？
1.What's is 函数重载? );//Here is int 10 print("ten");//Here is string ten } 可以发现在C++中会根据参数的类型 ...
JavaScript 函数声明，函数表达式，匿名函数，立即执行函数之区别
函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使 ...
javascript 函数重载 overloading
函数重载 https://en.wikipedia.org/wiki/Function_overloading In some programming languages, function over ...
JavaScript语言精粹读书笔记 - JavaScript函数
JavaScript是披着C族语言外衣的LISP,除了词法上与C族语言相似以外,其他几乎没有相似之处. JavaScript 函数: 函数包含一组语句,他们是JavaScript的基础模块单元,用于代 ...
常见的JavaScript函数
JavaScript函数一共可分为5类:常规函数.数组函数.日期函数.数学函数和字符串函数. (1)常规函数(9个) alert函数:显示一个警告对话框,包括一个“确定”按钮. confirm函数:显 ...

随机推荐

selenium python自动化简明演示
1.selenium安装: pip install -U selenium参考:https://pypi.python.org/pypi/selenium#downloads2.下载firefox驱动 ...
OC学习12——字符串、日期、日历
前面主要学习了OC的基础知识,接下来将主要学习Foundation框架的一些常用类的常用方法.Foubdation框架是Cocoa编程.IOS编程的基础框架,包括代表字符串的NSString(代表字符 ...
Expression Blend4安装破解
先在官网上下载Expression Blend4试用版首先进入微软下载中心,http://www.microsoft.com/zh-cn/download/default.aspx: 搜索Expre ...
5.Nginx作为web缓存服务器
Nginx作为web缓存服务器从0.7.48版本开始,Nginx支持类似Squid的缓存功能.Nginx的web缓存服务主要由proxy_cache相关命令集合fastcgi_cache相关命令集构 ...
ProjectA: 多元非线性回归
https://www.youtube.com/watch?v=n9XycstdPYs&t=907s
Django2中文文档--目录及介绍部分
Django2文档-文档结构我是按照官方文档的格式进行翻译,所以格式根官方格式一致如果大家发现哪些地方有问题可以联系我 2426525089@qq.com 或者加入QQ群跟我一起翻译,群号码: 2 ...
js 停止事件冒泡阻止浏览器的默认行为（阻止a标签跳转）
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到"停止事件冒泡"和"阻止浏览器默认行为". 1..停止事件冒泡 JavaScript代码 //如果提供了 ...
一、JavaSE语言概述
1.软件:系统软件 VS 应用软件 2.人与计算交互:使用计算机语言.图形化界面VS命令行. 3.语言的分类:第一代:机器语言第二代:汇编语言第三代语言:高级语言(面向过程-面向对象) 4.jav ...
Django_调查问卷
1.问卷的保存按钮前端通过ajax把数据发过来后端处理数据,然后返回给前端2.对问卷做答首先用户进行登录,验证条件:1.只有本班的学生才能对问卷做答 2.已经参加过的不能再次访问 ...
Python学习_07_错误、异常
地毯式地过语法终于快要结束了... Python中的常见异常 1.NameError:尝试访问一个未初始化的变量 2. ZeroDivisionError:除数为0 3. SyntaxError:Py ...

【JavaScript函数】

函数的定义 ：