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 相关文章推荐
通过js脚本复制网页上的一个表格的不错实现方法
Dec 29 Javascript
懒就要懒到底——鼠标自动点击(含时间判断)
Feb 20 Javascript
javascript indexOf函数使用说明
Jul 03 Javascript
IE事件对象(The Internet Explorer Event Object)
Jun 27 Javascript
Js base64 加密解密介绍
Oct 11 Javascript
制作jquery遮罩层效果导航菜单代码分享
Dec 25 Javascript
jQuery入门之层次选择器实例简析
Dec 11 Javascript
轻松掌握JavaScript中的Math object数学对象
May 26 Javascript
微信小程序 用户数据解密详细介绍
Jan 09 Javascript
jquery学习笔记之无new构建详解
Dec 07 jQuery
浅谈node中的cluster集群
Jun 02 Javascript
VueJS实现用户管理系统
May 29 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数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
利用PHP生成静态HTML文档的原理
2012/10/29 PHP
php switch语句多个值匹配同一代码块应用示例
2014/07/29 PHP
CI框架中数据库操作函数$this-&gt;db-&gt;where()相关用法总结
2016/05/17 PHP
PHP实现移除数组中为空或为某值元素的方法
2017/01/07 PHP
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
php中pcntl_fork创建子进程的方法实例
2019/03/14 PHP
PHP进阶学习之命名空间基本用法分析
2019/06/18 PHP
js截取小数点后几位的写法
2013/11/14 Javascript
javascript的push使用指南
2014/12/05 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
2015/10/01 Javascript
BootStrap使用file-input插件上传图片的方法
2016/09/05 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
2017/04/07 Javascript
Vue异步组件使用详解
2017/04/08 Javascript
如何在AngularJs中调用第三方插件库
2017/05/21 Javascript
react项目实践之webpack-dev-serve
2018/09/14 Javascript
JS基础之逻辑结构与循环操作示例
2020/01/19 Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
2020/08/14 Javascript
js+canvas实现画板功能
2020/09/13 Javascript
举例讲解Python面相对象编程中对象的属性与类的方法
2016/01/19 Python
Python闭包之返回函数的函数用法示例
2018/01/27 Python
Flask之flask-session的具体使用
2018/07/26 Python
selenium + python 获取table数据的示例讲解
2018/10/13 Python
TensorFlow内存管理bfc算法实例
2020/02/03 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
python脚本定时发送邮件
2020/12/22 Python
Tiqets荷兰:出售欧洲最美丽的景点和博物馆门票
2018/01/09 全球购物
函授自我鉴定
2013/11/06 职场文书
销售总经理岗位职责
2014/03/15 职场文书
环境保护与污染治理求职信
2014/07/16 职场文书
初中差生评语
2014/12/29 职场文书
负责培养人意见
2015/06/05 职场文书
转变工作作风心得体会
2016/01/23 职场文书
《清澈的湖水》教学反思
2016/02/17 职场文书
在redisCluster中模糊获取key方式
2021/07/09 Redis
星际争霸:毕姥爷vs解冻01
2022/04/01 星际争霸