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 相关文章推荐
JavaScript高级程序设计
Dec 29 Javascript
利用javascript数组长度循环数组内所有元素
Dec 27 Javascript
js左右弹性滚动对联广告代码分享
Feb 19 Javascript
告诉你什么是javascript的回调函数
Sep 04 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 Javascript
Bootstrap开关(switch)控件学习笔记分享
May 30 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
May 22 Javascript
JS设计模式之数据访问对象模式的实例讲解
Sep 30 Javascript
JS实现的JSON数组去重算法示例
Apr 11 Javascript
Smartour 让网页导览变得更简单(推荐)
Jul 19 Javascript
angular8和ngrx8结合使用的步骤介绍
Dec 01 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 闭包特性在实际应用中的问题
2009/10/30 PHP
php获取301跳转URL简单实例
2013/12/16 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
php基于curl扩展制作跨平台的restfule 接口
2015/05/11 PHP
C#中TrimStart,TrimEnd,Trim在javascript上的实现
2011/01/17 Javascript
jquery radio 操作代码
2011/03/16 Javascript
仿新浪微博登陆邮箱提示效果的js代码
2013/08/02 Javascript
node.js中的fs.close方法使用说明
2014/12/17 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
js实现表单Radio切换效果的方法
2015/08/17 Javascript
jQuery实现Tab菜单滚动切换的方法
2015/09/21 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
2016/01/29 Javascript
微信小程序 label 组件详解及简单实例
2017/01/10 Javascript
利用Node.js编写跨平台的spawn语句详解
2017/02/12 Javascript
JS中的三个循环小结
2017/06/20 Javascript
微信小程序自定义组件之可清除的input组件
2018/07/17 Javascript
JS无限级导航菜单实现方法
2019/01/05 Javascript
Vue 组件修改根实例的数据的方法
2019/04/02 Javascript
JS document文档的简单操作完整示例
2020/01/13 Javascript
javascript实现计算器功能
2020/03/30 Javascript
js实现tab栏切换效果
2020/08/02 Javascript
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
python使用socket连接远程服务器的方法
2015/04/29 Python
Python的控制结构之For、While、If循环问题
2020/06/30 Python
解决pytorch下出现multi-target not supported at的一种可能原因
2021/02/06 Python
韩语专业本科生求职信
2013/10/01 职场文书
项目总经理岗位职责
2014/02/14 职场文书
《蒲公英》教学反思
2014/02/28 职场文书
公司的门卫岗位职责
2014/09/09 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
见习报告的格式
2014/10/31 职场文书
课堂打架检讨书200字
2014/11/21 职场文书
公共场所卫生管理制度
2015/08/05 职场文书
go类型转换及与C的类型转换方式
2021/05/05 Golang
Windows11插耳机没反应怎么办? win11耳机没声音的多种解决办法
2021/11/21 数码科技