Javascript函数

　　Javascript函数是由事件驱动的或者当他被调用时执行的可重复使用的代码块。所以说我们光创建了函数不调用是没有啥用的，我们必须得调用它才能执行。

1.什么是函数

　　（1）函数是完成某一功能的代码段

　　（2）函数是可重复执行的代码段

　　（3）函数方便维护和管理

2.创建函数时我们应该注意些什么？

　　(1)函数名称严格区分大小写

　　(2)函数名称重复会产生覆盖

　　(3)函数名称最好语义化

3.触发函数

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title></title>

 </head>

 <body>

     <button onclick="Click()">点击按钮调用函数</button>

     <script>

         function Click(){

             alert('调用成功！');

         }

     </script>

 </body>

 </html>

4.实现默认参数的函数

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title></title>

 </head>

 <body>

     <script>

     function calc(x,y){

         x=x||0;

         y=y||0;

         return x+y;

     }

    　　 alert(calc());

     　　alert(calc(1,2));

     </script>

 </body>

 </html>

5.可变参形式的函数

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title></title>

 </head>

 <body>

     <script>

         function test(){

             var sum = 0 ;

             var allNum = arguments.length ; //定义allNum为传入参数的个数

             for(var i=0;i<allNum;i++){

                 sum+=arguments[i];//sum = sum + arguments[i]

                 document.write(arguments[i]);

             }

             return sum;

         }

         alert(test(1,2,4));

     </script>

 </body>

 </html>

6.变量作用域

　　（1）局部变量：在函数体内声明的变量，仅在函数体内可以使用

　　（2）全局变量：全局变量，在申明变量到脚本结束后都可以使用

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title></title>

 </head>

 <body>

     <script>

         var x=1;

         function test(){

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

             x=19;

             document.write('2.此时函数体内重新对x值赋值，此时x的值为：'+x+'<br />');

         }

         document.write('3.函数体外的x值：'+x+'<br />');//因为读写顺序先执行这段代码然后在执行函数 test()

         test();

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

     </script>

 </body>

 </html>

　　这仅仅是我个人的学习的心得，那里有不足之处请提出来。谢谢各位大牛指点！！

Javascript函数心得的更多相关文章

  1. [转]浅谈javascript函数劫持

    转自:Ph4nt0m Security Team 这么多年了,现在学习依然还是有很多收货,向前辈致敬.转载一方面是自己存档一份,另一方面是让更多喜欢安全的人一同学习. ================ ...

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

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

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

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

  4. JavaScript 函数

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

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

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

  6. JavaScript函数的概念

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

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

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

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

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

  9. javascript 函数重载 overloading

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

随机推荐

  1. java 字符集 Charset

    字符集就是为每个字符编个号码.如ASCII编码中,字符 'A' 的号码为 65 (或二进制01000001):GBK编码中,字符 '国' 对应的号码为47610 . 编码:将字符序列转换成二进制序列. ...

  2. Kafka 基本概念学习笔记

    一. 什么是Kafka 面向数据流的生产,转换,存储,消费的整体流处理平台 二.Kafka三大特性 1.发布和订阅数据的流,类似于消息队列,消息系统 2..数据流存储平台 3.当数据产生的时候,对数据 ...

  3. Maven install报MojoFailureException

    [ERROR] 位置: 类 com.spark.test.JavaDirectKafkaWordCount [ERROR] /I:/TrueTimeControlOnSparkByJava/src/m ...

  4. Spring Cloud Zuul 快速入门

    Spring Cloud Zuul 实现了路由规则与实例的维护问题,通过 Spring Cloud Eureka 进行整合,将自身注册为 Eureka 服务治理下的应用,同时从 Eureka 中获取了 ...

  5. Cordova+Angularjs+Ionic 混合开发入门讲解

    作为一名学习Android开发的学生,对于移动开发的发展趋势颇为关注,大家都知道,现在原生的移动开发在企业上基本很少使用了,大部分企业为了降低成本,选择了webapp,hybrid(混合开发)这两种模 ...

  6. VUE简单组件通信

    [x] 1.prop组件通信 1.简单理解 2.多层嵌套 [x] 2.使用ref进行组件通信 [x] 3.$emit组件通信 1.prop组件通信 1.简单理解 有点类似于应式的感觉,我不管你要不要只 ...

  7. Docker镜像构建上下文（Context）

    镜像构建上下文(Context) Dicker在构建镜像时,如果注意,会看到 docker build 命令最后有一个 ... 表示当前目录,而 Dockerfile 就在当前目录,因此不少初学者以为 ...

  8. c#程序退出

    Environment.Exit(0); Process.GetCurrentProcess().Kill();

  9. Linux环境下查看线程数的几种方法

    1.cat /proc/${pid}/status 2.pstree -p ${pid} 3.top -p ${pid} 再按H,或者直接输入 top -bH -d 3 -p  ${pid} top ...

  10. ckeditor_4.5.10_full，ckfinder_aspnet_2.6.2，插件使用

    1.ckfinder文件上传的权限: public override bool CheckAuthentication() { // WARNING : DO NOT simply return &q ...