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 Ajax 跨域访问的解决方案
Mar 12 Javascript
jquery 页面滚动到底部自动加载插件集合
Jan 31 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
Jul 05 Javascript
判断div滑动到底部的scroll实例代码
Nov 15 Javascript
微信小程序开发常见问题及解决方案
Jul 11 Javascript
vue父组件给子组件的组件传值provide inject的方法
Oct 23 Javascript
Vue中axios拦截器如何单独配置token
Dec 27 Javascript
JS实现时间校验的代码
May 25 Javascript
JS数组及对象遍历方法代码汇总
Jun 16 Javascript
用JS写一个发布订阅模式
Nov 07 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采集时被封ip的解决方法
2010/08/29 PHP
php中在PDO中使用事务(Transaction)
2011/05/14 PHP
PHP制作用户注册系统
2015/10/23 PHP
PHP实现自动发送邮件功能代码(qq 邮箱)
2017/08/18 PHP
Laravel框架实现定时发布任务的方法
2018/08/16 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
一步一步教你写一个jQuery的插件教程(Plugin)
2009/09/03 Javascript
Firefox和IE兼容性问题及解决方法总结
2013/10/08 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
2013/11/28 Javascript
setInterval计时器不准的问题解决方法
2014/05/08 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
2015/05/04 Javascript
Jquery遍历select option和添加移除option的实现方法
2016/08/26 Javascript
谈谈target=_new和_blank的不同之处
2016/10/25 Javascript
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
2018/01/31 Javascript
JS使用setInterval实现的简单计时器功能示例
2018/04/19 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
单页面vue引入百度统计的使用方法示例详解
2018/10/13 Javascript
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
2020/09/05 Javascript
Vue+Spring Boot简单用户登录(附Demo)
2020/11/12 Javascript
Python正则表达式介绍
2012/08/06 Python
Python多线程编程(七):使用Condition实现复杂同步
2015/04/05 Python
python关键字and和or用法实例
2015/05/28 Python
Python实现一个服务器监听多个客户端请求
2018/04/12 Python
Django实现文件上传下载功能
2019/10/06 Python
Python实现打包成库供别的模块调用
2020/07/13 Python
美国在线面料商店:Online Fabric Store
2018/07/26 全球购物
新员工培训个人的自我评价
2013/10/09 职场文书
本科毕业生的求职信范文
2013/11/20 职场文书
实习生个人的自我评价
2013/12/08 职场文书
新学期家长寄语
2014/01/19 职场文书
领班岗位职责范文
2014/02/06 职场文书
关于国庆节的演讲稿
2014/09/05 职场文书
2015小学教师年度工作总结
2015/05/12 职场文书
SpringMVC 整合SSM框架详解
2021/08/30 Java/Android