JavaScript函数基础详解


Posted in Javascript onFebruary 03, 2017

什么是函数?

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

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

函数方便管理和维护

自定义函数

通过function关键字

function 函数名称([参数,...]){

代码段;

return 返回值;
}

注意

函数名称不要包含特殊字符

函数名称最好含义明确

函数名称最好遵循驼峰标记法或者下划线法

函数名称严格区分大小写

函数名称如果重复会产生覆盖

函数可以有参数也可以没有参数,可以有一个参数也可以有多个参数

函数通过return加返回值,如果没有return 默认返回undefined

函数不调用不执行

匿名函数

函数表达式可以存储在变量中,变量也可以作为一个函数使用

可以将匿名函数作为参数传递给其它函数,接收方函数就可以通过所传递进来的函数完成某些功能

可以通过匿名函数来执行某些一次性的任务

通过Function()构造函数

通过内置JavaScript函数构造器(Function())定义

var myFunction=new Function('a','b','return a+b');
var myFunction=function(a,b){return a+b;};

注意

以上两种方式是等价的

尽量避免使用new关键字

源代码

<!DOCTYPE html>
<html>
<head>
<meta charSet="utf-8">
<title></title>
</head>
<body>
<Script type="text/javaScript">
// teSt();
function teSt(){
alert('thiS iS a teSt');
}
// teSt();
//函数名称严格区分大小写
function TEST(){
alert("hello king");
}
// TEST();
//函数名称重复会产生覆盖
// teSt();
function teSt(){
alert('hello maizi');
}
// teSt();
function teSt1(){
alert('thiS iS teSt1 function');
}
// alert(teSt1());
function teSt2(){
return null;
return undefined;
return;
return true;
return 'thiS iS king';
return 1.2;
alert('thiS iS a teSt');
return 1;
}
// alert(teSt2());
function calc(num1,num2){
return num1+num2;
}
// alert(calc(1,2));
// alert(window.calc(3,5));
// alert(calc(1,2,3,4,5,6));
// function calc1(num1=1,num=2){
// return num1+num2;
// }
function calc1(num1,num2){
num1=num1||1;
num2=num2||2;
return num1+num2;
}
alert(calc1(3,6));
</Script>
</body>
</html>

运行结果:

JavaScript函数基础详解

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
网页里控制图片大小的相关代码
Jun 25 Javascript
5款Javascript颜色选择器
Oct 25 Javascript
Script的加载方法小结
Jan 12 Javascript
javascipt:filter过滤介绍及使用
Sep 10 Javascript
js+css实现上下翻页相册代码分享
Aug 18 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
javascript 判断页面访问方式电脑或者移动端
Sep 19 Javascript
Angularjs为ng-click事件传递参数
Jun 15 Javascript
JS立即执行函数功能与用法分析
Jan 15 Javascript
详解小程序之简单登录注册表单验证
May 13 Javascript
element-ui组件中input等的change事件中传递自定义参数
May 22 Javascript
vue Treeselect下拉树只能选择第N级元素实现代码
Aug 31 Javascript
JavaScript提高加载和执行效率的方法
Feb 03 #Javascript
使用Bootstrap美化按钮实例代码(demo)
Feb 03 #Javascript
Node.js的特点详解
Feb 03 #Javascript
Bootstarp 基础教程之表单部分实例代码
Feb 03 #Javascript
javascript判断回文数详解及实现代码
Feb 03 #Javascript
Javascript中数组去重与拍平的方法示例
Feb 03 #Javascript
JavaScript中for循环的几种写法与效率总结
Feb 03 #Javascript
You might like
php miniBB中文乱码问题解决方法
2008/11/25 PHP
php addslashes和mysql_real_escape_string
2010/01/24 PHP
Yii配置文件用法详解
2014/12/04 PHP
PHP判断密码强度的方法详解
2017/05/26 PHP
在php的yii2框架中整合hbase库的方法
2018/09/20 PHP
使用js解决由border属性引起的div宽度问题
2013/11/26 Javascript
js使用for循环查询数组中是否存在某个值
2014/08/12 Javascript
js变量提升深入理解
2016/09/16 Javascript
利用Node.js了解与测量HTTP所花费的时间详解
2017/09/22 Javascript
Vue 让元素抖动/摆动起来的实现代码
2018/05/31 Javascript
原生js检测页面加载完毕的实例
2018/09/11 Javascript
layDate插件设置开始和结束时间
2018/11/15 Javascript
小程序的上传文件接口的注意要点解析
2019/09/17 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
2020/03/07 Javascript
JavaScript实现随机点名程序
2020/03/25 Javascript
[01:01:04]2018DOTA2亚洲邀请赛 4.5 淘汰赛 OpTic vs TNC 第一场
2018/04/06 DOTA
Python字符串处理之count()方法的使用
2015/05/18 Python
Python的条件语句与运算符优先级详解
2015/10/13 Python
全面了解Python的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
详解python实现读取邮件数据并下载附件的实例
2017/08/03 Python
python中的字典操作及字典函数
2018/01/03 Python
Python实现Linux监控的方法
2019/05/16 Python
python 实现12bit灰度图像映射到8bit显示的方法
2019/07/08 Python
python gdal安装与简单使用
2019/08/01 Python
Python sql注入 过滤字符串的非法字符实例
2020/04/03 Python
HTML5中div、article、section的区别及使用介绍
2013/08/14 HTML / CSS
国际鲜花速递专家:Floraqueen
2016/11/24 全球购物
美国在线医疗分销商:MedEx Supply
2020/02/04 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?
2014/07/27 面试题
电气自动化大学生求职信
2013/10/16 职场文书
经管应届生求职信
2013/11/17 职场文书
QA工程师岗位职责
2013/11/20 职场文书
护士在校生自荐信
2014/02/01 职场文书
国培远程培训感言
2014/03/08 职场文书
理财投资建议书
2014/03/12 职场文书
导游词之南昌滕王阁
2019/11/29 职场文书