一.JavaScript函数
函数: 函数就是一种封装,由事件驱动的或者当它被调用时执行的可重复使用的代码块。
定义函数:
function 函数名(){
函数体;
}
数不会自动执行,需要被调用才可以执行
函数名();
函数命名规则:
与变量命名规则一致
1)以字母、、开头2)可以包含数字、字母、 、_开头 2)可以包含数字、字母、、


头2)可以包含数字、字母、、_
3)区分大小写
4)不能使用关键字和保留字
驼峰命名法:若名称由多个单词组成,则从第二个单词开始,首字母大写
区分变量名和函数名
不成文的规定:
函数名 动词
变量名 名词
函数的定义顺序与调用顺序无关

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
在页面输出5行hello world
定义函数
function printHello(){
for(var i=0;i<5;i++){
document.write('hello world<br>');
}
}
printHello(); 函数调用
</script>
</body>
</html>

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

案例1
/打印图形
*
***
*****
*******
*********
...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function show(row){
for(i=1;i<=row;i++){
for(j=1;j<=2*i-1;j++){
document.write('*');
}document.write('<br>');
}
}
show(5);
</script>
</body>
</html>
案例2
计算长方形的面积
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function calRet(w,h){
var w;
var h;
var area=w*h;
console.log(area);
}
calRet(20,10);
</script>
</body>
</html>
案例3:多个函数参数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function person(name,age,gender){
var man='先生';

if (!gender) {
man='女士';
}document.write('欢迎'+name+man+'到校访问,年龄为:'+age+'<br>');
}
person('小强',60,true);
person('小强',60,false);
</script>
</body>
</html>
案例4:时间调用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var o=document.getElementById('box');
function showTime(){
//获取年,月,日
var date = new Date;
var year=date.getFullYear();
var month=date.getMonth()+1;
var day=date.getDate();
//获取时,分,秒
var hour=date.getHours();
var minute=date.getMinutes();
var second=date.getSeconds();

hour=add(hour);
minute=add(minute);
second=add(second);

time=year+'/'+month+'/'+day+' '+hour+':'+minute+':'+second;
o.innerHTML=time;
}
function add(num){
if (num<10) {
num='0'+num;
}
return num;
}
showTime();
setInterval(showTime,1000);
</script>
</body>
</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. Spring Boot 发送邮件

    需求 最近因为业务的变更,需要对老用户进行发送邮件处理.目前市面上也有很多代发邮件的接口,可以接入.由于量不是特别大,放弃了这个途径.改用我们自己通过 smtp 发送邮件来处理. 技术选择 Java ...

  2. sniffer pro 使用方法

    一.捕获数据包前的准备工作 在默认情况下,sniffer将捕获其接入碰撞域中流经的所有数据包,但在某些场景下,有些数据包可能不是我们所需要的,为了快速定位网络问题所在,有必要对所要捕获的数据包作过滤. ...

  3. springboot数据库连接池使用策略

    springboot官方文档介绍数据库连接池的使用策略如下: Production database connections can also be auto-configured using a p ...

  4. Redis数据结构简介

    Redis可以存储键与5种不同数据结构类型之间的映射,这5种数据结构类型分别为STRING(字符串).LIST(列表).SET(集合).HASH(散列)和ZSET(有序集合).有一部分Redis命令对 ...

  5. SSM-SpringMVC-03:SpringMVC执行流程一张有意思的图

     ------------吾亦无他,唯手熟尔,谦卑若愚,好学若饥------------- 上次的图也不全,这次的图也不是完整版,但是多了一个拦截器,我觉得挺有意思的,我就放上来了 他Handler ...

  6. SSM-Spring-05:Spring的bean是单例还是多例,怎么改变?

    ------------吾亦无他,唯手熟尔,谦卑若愚,好学若饥------------- Spring的bean是单例的 它在Spring容器初始化的时候创建对象 可以修改为多例,在此bean节点中添 ...

  7. swap分析及其使用

    什么是swap swap主要是在内存不够用的时候,将部分内存上的数据交换到swap空间上,以便让系统不会因为内存不够用而导致oom或者更致命的情况出现.当内存使用存在压力的时候,开始触发内存回收行为, ...

  8. Windows上使用Git托管代码到Coding

    作者:荒原之梦 Git简介: Git是一款分布式版本控制系统,可用于项目的版本管理.Git可以管理本地代码仓库与远程代码仓库间的连接以及进行版本控制,使得我们可以在本地离线进行修改等操作,之后再将代码 ...

  9. 你不知道的JavaScript--Item5 全局变量

    1.尽量少用全局对象 全局变量的问题在于,你的JavaScript应用程序和web页面上的所有代码都共享了这些全局变量,他们住在同一个全局命名空间,所以当程序的两个不同部分定义同名但不同作用的全局变量 ...

  10. Java 学习笔记 (五) Java Compile\Build\Make的区别

    以下内容引自: http://blog.51cto.com/lavasoft/436216 Compile.Make和Build的区别 原创leizhimin2010-11-30 11:30:20评论 ...