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鼠标事件大全 推荐收藏
Nov 01 Javascript
jQuery 网易相册鼠标移动显示隐藏效果实现代码
Mar 31 Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
JQuery中extend的用法实例分析
Feb 08 Javascript
jquery移动点击的项目到列表最顶端的方法
Jun 24 Javascript
jquery+正则实现统一的表单验证
Sep 20 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
Jul 09 Javascript
Vue动态实现评分效果
May 24 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
Apr 08 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
May 24 Javascript
JS中的算法与数据结构之列表(List)实例详解
Aug 16 Javascript
layui radio单选限制下一个radio单选的实例
Sep 03 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
dedecms防止FCK乱格式化你的代码的修改方法
2007/03/17 PHP
PHP @ at 记号的作用示例介绍
2014/10/10 PHP
PHP实现的简单在线计算器功能示例
2017/08/02 PHP
laravel实现简单用户权限的示例代码
2019/05/28 PHP
js 获取中文拼音,Select自动匹配字母获取值的代码
2009/09/23 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
Js实现手机发送验证码时按钮延迟操作
2014/06/20 Javascript
一个判断抢购时间是否到达的简单的js函数
2014/06/23 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
Javascript计算二维数组重复值示例代码
2016/12/18 Javascript
基于bootstrap的选择框插件icheck
2016/12/23 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
Javascript实现数组中的元素上下移动
2017/04/28 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
利用PM2部署node.js项目的方法教程
2017/05/10 Javascript
微信小程序实现全国机场索引列表
2018/01/31 Javascript
Vue 中的compile操作方法
2018/02/26 Javascript
vue.js做一个简单的编辑菜谱功能
2018/05/08 Javascript
微信小程序实现滑动切换自定义页码的方法分析
2018/12/29 Javascript
node app 打包工具pkg的具体使用
2019/01/17 Javascript
微信小程序云开发实现云数据库读写权限
2019/05/17 Javascript
python实现博客文章爬虫示例
2014/02/26 Python
在Python的列表中利用remove()方法删除元素的教程
2015/05/21 Python
详解Python中的strftime()方法的使用
2015/05/22 Python
Python for Informatics 第11章之正则表达式(二)
2016/04/21 Python
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
python对接ihuyi实现短信验证码发送
2020/05/10 Python
Python turtle库的画笔控制说明
2020/06/28 Python
Html5内唤醒百度、高德APP的实现示例
2019/05/20 HTML / CSS
家得宝加拿大家装网上商店:The Home Depot加拿大
2016/08/27 全球购物
护理专科毕业生自荐书范文
2014/02/19 职场文书
秋季运动会广播稿
2014/02/22 职场文书
2015年学校综合治理工作总结
2015/07/20 职场文书
MySQL表字段时间设置默认值
2021/05/13 MySQL
Spring Boot 的创建和运行示例代码详解
2022/07/23 Java/Android