一.JavaScript函数
函数： 函数就是一种封装，由事件驱动的或者当它被调用时执行的可重复使用的代码块。
定义函数：
function 函数名(){
函数体;
}
数不会自动执行，需要被调用才可以执行
函数名();
函数命名规则：
与变量命名规则一致
1）以字母、、开头2)可以包含数字、字母、 、_开头 2)可以包含数字、字母、、
开
​
头2)可以包含数字、字母、、_
3）区分大小写
4）不能使用关键字和保留字
驼峰命名法：若名称由多个单词组成，则从第二个单词开始，首字母大写
区分变量名和函数名
不成文的规定：
函数名 动词
变量名 名词
函数的定义顺序与调用顺序无关

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Document</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. 在页面输出5行hello world
  10. 定义函数
  11. function printHello(){
  12. for(var i=0;i<5;i++){
  13. document.write('hello world<br>');
  14. }
  15. }
  16. printHello(); 函数调用
  17. </script>
  18. </body>
  19. </html>

二.函数参数调用；
形参:函数定义时的参数
实参:函数掉用时的参数
函数的参数理论上可以有无限多少个，多个参数之间使用逗号隔开
函数参数类型不限制

  1. 案例1
  2. /打印图形
  3. *
  4. ***
  5. *****
  6. *******
  7. *********
  8. ...
  9. <!DOCTYPE html>
  10. <html lang="en">
  11. <head>
  12. <meta charset="UTF-8">
  13. <title>Document</title>
  14. </head>
  15. <body>
  16. <script type="text/javascript">
  17. function show(row){
  18. for(i=1;i<=row;i++){
  19. for(j=1;j<=2*i-1;j++){
  20. document.write('*');
  21. }document.write('<br>');
  22. }
  23. }
  24. show(5);
  25. </script>
  26. </body>
  27. </html>
  1. 案例2
  2. 计算长方形的面积
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6. <meta charset="UTF-8">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <script type="text/javascript">
  11. function calRet(w,h){
  12. var w;
  13. var h;
  14. var area=w*h;
  15. console.log(area);
  16. }
  17. calRet(20,10);
  18. </script>
  19. </body>
  20. </html>
  1. 案例3：多个函数参数
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script type="text/javascript">
  10. function person(name,age,gender){
  11. var man='先生';
  12.  
  13. if (!gender) {
  14. man='女士';
  15. }document.write('欢迎'+name+man+'到校访问,年龄为：'+age+'<br>');
  16. }
  17. person('小强',60,true);
  18. person('小强',60,false);
  19. </script>
  20. </body>
  21. </html>
  1. 案例4：时间调用
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script type="text/javascript">
  10. var o=document.getElementById('box');
  11. function showTime(){
  12. //获取年，月，日
  13. var date = new Date;
  14. var year=date.getFullYear();
  15. var month=date.getMonth()+1;
  16. var day=date.getDate();
  17. //获取时，分，秒
  18. var hour=date.getHours();
  19. var minute=date.getMinutes();
  20. var second=date.getSeconds();
  21.  
  22. hour=add(hour);
  23. minute=add(minute);
  24. second=add(second);
  25.  
  26. time=year+'/'+month+'/'+day+' '+hour+':'+minute+':'+second;
  27. o.innerHTML=time;
  28. }
  29. function add(num){
  30. if (num<10) {
  31. num='0'+num;
  32. }
  33. return num;
  34. }
  35. showTime();
  36. setInterval(showTime,1000);
  37. </script>
  38. </body>
  39. </html>

JavaScript函数定义 ，参数调用的更多相关文章

  1. JavaScript函数定义和调用 变量作用域

     本文是笔者在看廖雪峰老师JavaScript教程时的个人总结   JavaScript中函数定义可以是这样的格式 function 函数名(参数) {     函数体 } 也可以是这样的格式     ...

  2. JavaScript 函数定义和调用

    普通的函数定义方法: function abs(x):{ if (x >= 0){ return x; }else { return -x ; } } 两种方法是等价的 var abs = fu ...

  3. 深入理解javascript函数定义与函数作用域

    最近在学习javascript的函数,函数是javascript的一等对象,想要学好javascript,就必须深刻理解函数.本人把思路整理成文章,一是为了加深自己函数的理解,二是给读者提供学习的途径 ...

  4. JavaScript 函数定义方法

    JavaScript 函数定义方法. 函数声明 在之前的教程中,你已经了解了函数声明的语法 : function functionName(parameters) { 执行的代码 } 函数声明后不会立 ...

  5. Javascript 函数声明、调用、闭包

    1 # Javascript 函数声明.调用.闭包 2 # 一.函数声明 3 # 1.直接声明.浏览器在执行前,会先将变量和函数声明进行提升. 4 fn(); 5 function fn () { 6 ...

  6. ASP.net关于C#代码与javaScript函数的相互调用

    C#代码与javaScript函数的相互调用 问:1.如何在JavaScript访问C#函数?2.如何在JavaScript访问C#变量?3.如何在C#中访问JavaScript的已有变量?4.如何在 ...

  7. JavaScript函数的各种调用模式

    函数是JavaScript世界里的第一公民,换句话来说,就是我们如果可以精通JavaScript函数的使用,那么对JavaScript的运用可以更游刃有余了.熟悉JavaScript的人应该都知道,同 ...

  8. Linux Shell函数定义与调用

    一.Shell函数定义格式 shell函数定义格式,各部分说明如下: [ function ]等中括号括起来部分----表示可选(即可有可无) your_function_name部分----为函数名 ...

  9. js函数定义 参数只要写名称就可以了

    js函数定义  参数只要写名称就可以了 以下为标准: function add(type)  { } 不要写成下面这个样子 function add(var type)  { } 哎 妹的  老何ja ...

随机推荐

  1. 【转】mysql索引使用技巧及注意事项

    一.索引的作用 一般的应用系统,读写比例在10:1左右,而且插入操作和一般的更新操作很少出现性能问题,遇到最多的,也是最容易出问题的,还是一些复杂的查询操作,所以查询语句的优化显然是重中之重. 在数据 ...

  2. 由于github仓库中提前建立readme文件，导致git push报错error: failed to push some refs to 'git@github.com:

    $ git push -u origin master To git@github.com:xxx/xxx.git ! [rejected] master -> master (fetch fi ...

  3. Eclipse安装Jetty插件

    通过Eclipse MarketPlace安装Jetty插件. Jetty下载 1.  2.3.4.5. 注:在使用Jetty的时候,同一个Project中,不可以同时存在两个版本的库,否则会出现找不 ...

  4. 基于Go的websocket消息服务

    3个月没写PHP了,这是我的第一个中小型go的websocket微服务.那么问题来了,github上那么多轮子,我为什么要自己造轮子呢? Why 造轮子? 因为这样不仅能锻炼自己的技术能力,而且能帮助 ...

  5. MySQL中group_concat函数深入理解

    本文通过实例介绍了MySQL中的group_concat函数的使用方法,比如select group_concat(name) . 一.MySQL中group_concat函数 完整的语法如下: gr ...

  6. Android监测手指上下左右滑动屏幕

    在开发android程序时,有时会需要监测手指滑动屏幕,当手指朝上下左右不同方向滑动时做出不同的响应,那怎么去实现呢? 利用Android提供的手势监测器就可以很方便的实现,直接上代码(已测试通过) ...

  7. Firefox Profile (2)

    一些关于selenium copy Firefox profile to a temp directory的讨论 https://stackoverflow.com/questions/6787095 ...

  8. I/O----复制文本文件

    文件 "我的青春谁做主.txt" 位于 D 盘根目录下,要求将此文件的内容复制到 C:/myPrime.txt 中. package io.day03; import java.i ...

  9. C++中常用到的容器

    这里主要讲C++中经常用到的一些保存数据的容器,其中也会介绍string. 在C++11中提到了很多容器,这里主要介绍:vector.list.map.还有一些其他的容器就不做介绍了. 1.Strin ...

  10. loj553 「LibreOJ Round #8」MINIM

    最简单的暴力dp就是f[i][j]表示到i异或和为j的最小花费. 然后我们发现两堆大小为i,j的石子合并,可以更新到一堆大小为k=i,j最高公共的1以下都是1,以上是i|j,权值为v1+v2的石子. ...