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 相关文章推荐
jQuery淡入淡出元素让其效果更为生动
Sep 01 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
Mar 20 Javascript
jquery获取select选中值的方法分析
Dec 22 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
Jun 01 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
Jun 20 Javascript
JavaScript实现新年倒计时效果
Nov 17 Javascript
JS Math对象与Math方法实例小结
Jul 05 Javascript
弱类型语言javascript中 a,b 的运算实例小结
Aug 07 Javascript
详解小程序BackgroundAudioManager踩坑之旅
Dec 08 Javascript
javascript Canvas动态粒子连线
Jan 01 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
Sep 11 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数组实现无限分类,不使用数据库,不使用递归.
2006/12/09 PHP
PHP获取网站域名和地址的代码
2008/08/17 PHP
解析php取整的几种方式
2013/06/25 PHP
Destoon实现多表查询示例
2014/08/21 PHP
PHP实现在线阅读PDF文件的方法
2015/06/17 PHP
PHPCMS忘记后台密码的解决办法
2016/10/30 PHP
PHP 构造函数和析构函数原理与用法分析
2020/04/21 PHP
基于Jquery的跨域传输数据(JSONP)
2011/03/10 Javascript
Bootstrap基础学习
2015/06/16 Javascript
微信小程序 swiper制作tab切换实现附源码
2017/01/21 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
2018/07/23 jQuery
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
2018/08/08 Javascript
JS实现点击拉拽轮播图pc端移动端适配
2018/09/05 Javascript
使用layer.msg 时间设置不起作用的解决方法
2019/09/12 Javascript
VueJS实现用户管理系统
2020/05/29 Javascript
[01:07:47]Secret vs Optic Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
Python文本相似性计算之编辑距离详解
2016/11/28 Python
Python实现数据可视化看如何监控你的爬虫状态【推荐】
2018/08/10 Python
python 从文件夹抽取图片另存的方法
2018/12/04 Python
Python2与Python3的区别实例分析
2019/04/11 Python
django 邮件发送模块smtp使用详解
2019/07/22 Python
在python3中使用shuffle函数要注意的地方
2020/02/28 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
Python3.7将普通图片(png)转换为SVG图片格式(网站logo图标)动起来
2020/04/21 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
求职简历自我评价范例
2014/03/12 职场文书
项目建议书怎么写
2014/05/15 职场文书
本科生导师推荐信范文
2014/05/18 职场文书
甘南现象心得体会
2014/09/11 职场文书
十一国庆节“向国旗敬礼”主题班会活动方案
2014/09/27 职场文书
校园歌手大赛主持词
2015/07/03 职场文书
​(迎国庆)作文之我爱我的祖国
2019/09/19 职场文书
Nginx 路由转发和反向代理location配置实现
2021/11/11 Servers
redis击穿 雪崩 穿透超详细解决方案梳理
2022/03/17 Redis