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创建的一个图片、视频缓冲的效果样式插件
Aug 28 Javascript
jQuery 无限级菜单的简单实例
Feb 21 Javascript
form.submit()不能提交表单的原因分析
Oct 23 Javascript
JavaScript版的TwoQueues缓存模型
Dec 29 Javascript
js选项卡的实现方法
Feb 09 Javascript
jQuery常用的一些技巧汇总
Mar 26 Javascript
拥Bootstrap入怀——导航栏篇
May 30 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 Javascript
微信小程序支付之c#后台实现方法
Oct 19 Javascript
微信小程序实现发红包功能
Jul 11 Javascript
JS动画实现回调地狱promise的实例代码详解
Nov 08 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
May 12 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
晋城吧对DiscuzX进行的前端优化要点
2010/09/05 PHP
IP攻击升级,程序改进以对付新的攻击
2010/11/23 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
php中把美国时间转为北京时间的自定义函数分享
2014/07/28 PHP
php面向对象与面向过程两种方法给图片添加文字水印
2015/08/26 PHP
WordPress中用于获取文章作者与分类信息的方法整理
2015/12/17 PHP
Javascript改变CSS样式(局部和全局)
2013/12/18 Javascript
jQuery的$.proxy()应用示例介绍
2014/04/03 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
2015/11/25 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
在html中引入外部js文件,并调用带参函数的方法
2016/10/31 Javascript
简单实现js浮动框
2016/12/13 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
使用jQuery和ajax代替iframe的方法(详解)
2017/04/12 jQuery
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
vue中监听返回键问题
2019/08/28 Javascript
vue 清空input标签 中file的值操作
2020/07/21 Javascript
openLayer4实现动态改变标注图标
2020/08/17 Javascript
openlayers实现地图测距测面
2020/09/25 Javascript
vue 中使用print.js导出pdf操作
2020/11/13 Javascript
vue常用高阶函数及综合实例
2021/02/25 Vue.js
Python实现方便使用的级联进度信息实例
2015/05/05 Python
破解安装Pycharm的方法
2018/10/19 Python
Python3实现的回文数判断及罗马数字转整数算法示例
2019/03/27 Python
python通过对字典的排序,对json字段进行排序的实例
2020/02/27 Python
全网首秀之Pycharm十大实用技巧(推荐)
2020/04/27 Python
Python如何将字符串转换为日期
2020/07/31 Python
英国最大的正宗复古足球衫制造商和零售商:TOFFS
2018/06/21 全球购物
澳大利亚购买最佳炊具品牌网站:Cookware Brands
2019/02/16 全球购物
一个SQL面试题
2014/08/21 面试题
家庭贫困证明范本(经典版)
2014/09/22 职场文书
2014年食品安全工作总结
2014/12/04 职场文书
运动会表扬稿
2015/01/16 职场文书
班主任自我评价范文
2015/03/11 职场文书
人与自然的观后感
2015/06/18 职场文书
7个关于Python的经典基础案例
2021/11/07 Python