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 window.opener的用法分析
Apr 07 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
May 30 Javascript
将json当数据库一样操作的javascript lib
Oct 28 Javascript
jQuery移除元素自动解绑事件实现思路及代码
May 31 Javascript
JavaScript时间操作之年月日星期级联操作
Jan 15 Javascript
javascript基本算法汇总
Mar 09 Javascript
jQuery Html控件基本操作(日常收集整理)
Mar 11 Javascript
axios使用拦截器统一处理所有的http请求的方法
Nov 02 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
Dec 16 Javascript
js序列化和反序列化的使用讲解
Jan 19 Javascript
js数据类型转换与流程控制操作实例分析
Dec 18 Javascript
javascript实现简单页面倒计时
Mar 02 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+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单 源码
2006/12/16 PHP
PHP执行zip与rar解压缩方法实现代码
2010/12/05 PHP
php计算2个日期的差值函数分享
2015/02/02 PHP
PHP邮件群发机实现代码
2016/02/16 PHP
PHP中关键字interface和implements详解
2017/06/14 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
2011/09/22 Javascript
javascript中直接写php代码的方法
2013/07/31 Javascript
YUI模块开发原理详解
2013/11/18 Javascript
javascript实现iframe框架延时加载的方法
2014/10/30 Javascript
jquery实现表单输入时提示文字滑动向上效果
2015/08/10 Javascript
javascript实现下拉提示选择框
2015/12/29 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
2016/05/10 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
2016/12/28 Javascript
使用BootStrap实现标签切换原理解析
2017/03/14 Javascript
Node.js中的require.resolve方法使用简介
2017/04/23 Javascript
详解react-router如何实现按需加载
2017/06/15 Javascript
JavaScript循环_动力节点Java学院整理
2017/06/28 Javascript
Vue 过滤器filters及基本用法
2017/12/26 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
2019/05/21 Javascript
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
2019/12/29 Javascript
[50:45]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第一场
2018/04/10 DOTA
[02:40]2018年度DOTA2最佳新人-完美盛典
2018/12/16 DOTA
Python编程中实现迭代器的一些技巧小结
2016/06/21 Python
Python入门_学会创建并调用函数的方法
2017/05/16 Python
Django项目中用JS实现加载子页面并传值的方法
2018/05/28 Python
Python打包方法Pyinstaller的使用
2018/10/09 Python
tensorflow如何继续训练之前保存的模型实例
2020/01/21 Python
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
2020/02/26 Python
解决django FileFIELD的编码问题
2020/03/30 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
学校大课间活动方案
2014/01/30 职场文书
保护黄河倡议书
2014/05/16 职场文书
人事代理委托书
2014/09/27 职场文书
环保守法证明
2015/06/24 职场文书
学校学习型党组织建设心得体会
2019/06/21 职场文书