JavaScript函数定义 ,参数调用
一.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函数定义 ,参数调用的更多相关文章
- JavaScript函数定义和调用 变量作用域
本文是笔者在看廖雪峰老师JavaScript教程时的个人总结 JavaScript中函数定义可以是这样的格式 function 函数名(参数) { 函数体 } 也可以是这样的格式 ...
- JavaScript 函数定义和调用
普通的函数定义方法: function abs(x):{ if (x >= 0){ return x; }else { return -x ; } } 两种方法是等价的 var abs = fu ...
- 深入理解javascript函数定义与函数作用域
最近在学习javascript的函数,函数是javascript的一等对象,想要学好javascript,就必须深刻理解函数.本人把思路整理成文章,一是为了加深自己函数的理解,二是给读者提供学习的途径 ...
- JavaScript 函数定义方法
JavaScript 函数定义方法. 函数声明 在之前的教程中,你已经了解了函数声明的语法 : function functionName(parameters) { 执行的代码 } 函数声明后不会立 ...
- Javascript 函数声明、调用、闭包
1 # Javascript 函数声明.调用.闭包 2 # 一.函数声明 3 # 1.直接声明.浏览器在执行前,会先将变量和函数声明进行提升. 4 fn(); 5 function fn () { 6 ...
- ASP.net关于C#代码与javaScript函数的相互调用
C#代码与javaScript函数的相互调用 问:1.如何在JavaScript访问C#函数?2.如何在JavaScript访问C#变量?3.如何在C#中访问JavaScript的已有变量?4.如何在 ...
- JavaScript函数的各种调用模式
函数是JavaScript世界里的第一公民,换句话来说,就是我们如果可以精通JavaScript函数的使用,那么对JavaScript的运用可以更游刃有余了.熟悉JavaScript的人应该都知道,同 ...
- Linux Shell函数定义与调用
一.Shell函数定义格式 shell函数定义格式,各部分说明如下: [ function ]等中括号括起来部分----表示可选(即可有可无) your_function_name部分----为函数名 ...
- js函数定义 参数只要写名称就可以了
js函数定义 参数只要写名称就可以了 以下为标准: function add(type) { } 不要写成下面这个样子 function add(var type) { } 哎 妹的 老何ja ...
随机推荐
- 网络营销行业十大看了就想吐的“滥词”
网络营销行业在国内的互联网界已"猖獗"数年之久,它是一个让企业爱让用户恨的行业.有互联网的地方,就有网络营销的机会,有了机会就有了相关产业的存在,只不过是业大业小的问题.但是随着互 ...
- 【数据结构】B-Tree, B+Tree, B*树介绍
[摘要] 最近在看Mysql的存储引擎中索引的优化,神马是索引,支持啥索引.全是浮云,目前Mysql的MyISAM和InnoDB都支持B-Tree索引,InnoDB还支持B+Tree索引,Memory ...
- postman的安装与使用(模拟请求)
最近需要测试产品中的REST API,无意中发现了PostMan这个chrome插件,把玩了一下,发现postman秉承了一贯以来google工具强大,易用的特质.独乐乐不如众乐乐,特此共享出来给大伙 ...
- 聊聊Spring Cloud版本的那些事儿
说说Spring Cloud版本的那些事儿. 版本命名 之前提到过,Spring Cloud是一个拥有诸多子项目的大型综合项目,原则上其子项目也都维护着自己的发布版本号.那么每一个Spring Clo ...
- Vue.js中前端知识点总结笔记
1.框架和库的区别: 框架:framework 有着自己的语法特点.都有对应的各个模块库 library 专注于一点 框架的好处: 1.提到代码的质量,开发速度 2.提高代码的复用率 3.降低模块之间 ...
- 12. thymeleaf中资源相对路径的解决
把博客部署到tomcat上后才发现因之前资源和链接的地址都是使用的相对路径,这样一来在tomcat上就各种找不到资源.从网上看了几种解决方式都挺麻烦的,且不是适配的,所以我根据thymeleaf的规则 ...
- Python将html转化为pdf
前言 前面我们对博客园的文章进行了爬取,结果比较令人满意,可以一下子下载某个博主的所有文章了.但是,我们获取的只有文章中的文本内容,并且是没有排版的,看起来也比较费劲... 咋么办的?一个比较好的方法 ...
- Java Script中常见操作
字符串常见操作:obj.length 长度obj.trim() 移除空白obj.trimLeft()obj.trimRight)obj.charAt(n) 返回字符串中的第n个字符obj.concat ...
- MySQL 慢查询日志总结
慢查询日志概念 MySQL的慢查询日志是MySQL提供的一种日志记录,它用来记录在MySQL中响应时间超过阀值的语句,具体指运行时间超过long_query_time值的SQL,则会被记录到慢查询日志 ...
- OpenGL执行渲染图片的主要操作步骤
一个用来执行图形渲染的OpenGL程序的主要步骤包括: 1.从OpenGL的几何图元中设置数据,用于构建形状: 2.使用不用的着色器(shader)对输入的图元数据进行进行计算,判断它们的位置.颜色以 ...