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遍历input取得input的name
Apr 27 Javascript
JS 时间显示效果代码
Aug 23 Javascript
js和jquery批量绑定事件传参数一(新猪猪原创)
Jun 23 Javascript
JQuery EasyUI 对话框的使用方法
Oct 24 Javascript
firefox下input type=&quot;file&quot;的size是多大
Oct 24 Javascript
JS实现侧悬浮浮动实例代码
Nov 29 Javascript
基于js实现二级下拉联动
Dec 17 Javascript
js 获取html5的data属性实现方法
Jul 28 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
Aug 21 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
Feb 24 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
Feb 08 Javascript
vue首次渲染全过程
Apr 21 Vue.js
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中json_encode与json_decode的区别
2020/07/15 PHP
PHP基于phpqrcode类生成二维码的方法示例详解
2020/08/07 PHP
jQuery find和children方法使用
2011/01/31 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
2014/05/18 Javascript
JavaScript中的方法调用详细介绍
2014/12/30 Javascript
javascript适合移动端的日期时间拾取器
2015/11/10 Javascript
原生JS实现拖拽图片效果
2020/08/27 Javascript
Javascript实现图片不间断滚动的代码
2016/06/22 Javascript
livereload工具实现前端可视化开发【推荐】
2016/12/23 Javascript
原生JS中slice()方法和splice()区别
2017/03/06 Javascript
Vue学习之路之登录注册实例代码
2017/07/06 Javascript
vue-cli创建的项目,配置多页面的实现方法
2018/03/15 Javascript
JS实现商城秒杀倒计时功能(动态设置秒杀时间)
2019/12/12 Javascript
python发布模块的步骤分享
2014/02/21 Python
Python实现针对给定单链表删除指定节点的方法
2018/04/12 Python
Python 互换字典的键值对实例
2019/02/12 Python
python调用其他文件函数或类的示例
2019/07/16 Python
python中property和setter装饰器用法
2019/12/19 Python
Python tkinter和exe打包的方法
2020/02/05 Python
python爬取股票最新数据并用excel绘制树状图的示例
2021/03/01 Python
HTML5 localStorage使用总结
2017/02/22 HTML / CSS
C/C++ 笔试、面试题目大汇总
2015/11/21 面试题
金融专业个人的自我评价
2013/10/18 职场文书
大学生优秀班干部事迹材料
2014/05/26 职场文书
服务行业口号
2014/06/11 职场文书
2014年党课学习心得体会
2014/07/08 职场文书
市场营销毕业求职信
2014/08/07 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
党的群众路线教育实践活动组织生活会发言材料
2014/10/17 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
2015年底工作总结范文
2015/05/15 职场文书
药房管理制度范本
2015/08/06 职场文书
SQL实现LeetCode(175.联合两表)
2021/08/04 MySQL
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python
vue ref如何获取子组件属性值
2022/03/31 Vue.js
Go语言怎么使用变长参数函数
2022/07/15 Golang