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 锚点跳转滚动条平滑滚动一句话代码
Apr 30 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
Jul 02 Javascript
AngularJS入门教程(二):AngularJS模板
Dec 06 Javascript
Jquery轮播效果实现过程解析
Mar 30 Javascript
JavaScript中的冒泡排序法
Aug 03 Javascript
JavaScript中 this 指向问题深度解析
Feb 21 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
Jan 18 Javascript
微信小程序的线程架构【推荐】
May 14 Javascript
vue实现记事本功能
Jun 26 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
Aug 27 Javascript
关于layui的动态图标不显示的解决方法
Sep 04 Javascript
Vue实现随机验证码功能
Dec 29 Vue.js
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日历类分享
2014/11/18 PHP
PHP 将数组打乱 shuffle函数的用法及简单实例
2016/06/17 PHP
PHP中Array相关函数简介
2016/07/03 PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
2019/10/16 PHP
为你的 Laravel 验证器加上多验证场景的实现
2020/04/07 PHP
javascript 一个函数对同一元素的多个事件响应
2009/07/25 Javascript
网页图片延时加载的js代码
2010/04/22 Javascript
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
三种取消选中单选框radio的方法
2014/09/09 Javascript
Javascript调用函数方法的几种方式介绍
2015/03/20 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
2016/06/06 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
微信小程序 获取微信OpenId详解及实例代码
2016/10/31 Javascript
Angular.JS中的指令引用template与指令当做属性详解
2017/03/30 Javascript
Angular2 http jsonp的实例详解
2017/08/31 Javascript
webpack搭建vue 项目的步骤
2017/12/27 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
2019/09/02 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
安装多版本Vue-CLI的实现方法
2020/03/24 Javascript
Python简单定义与使用字典dict的方法示例
2017/07/25 Python
浅析Python 读取图像文件的性能对比
2019/03/07 Python
Django中celery执行任务结果的保存方法
2019/07/12 Python
Python在Matplotlib图中显示中文字体的操作方法
2019/07/29 Python
Python协程 yield与协程greenlet简单用法示例
2019/11/22 Python
CSS3弹性伸缩布局之box布局
2016/07/12 HTML / CSS
HTML 5.1来了 9月份正式发布 更新内容预览
2016/04/26 HTML / CSS
麦德龙官方海外旗舰店:德国麦德龙超市
2017/12/23 全球购物
宣传口号大全
2014/06/16 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书
2015年党建工作目标责任书
2015/05/08 职场文书
七一晚会主持词
2015/06/29 职场文书
保险公司2016开门红口号集锦
2015/12/24 职场文书
读《瓦尔登湖》有感:每个人都需要一个瓦尔登湖
2019/10/17 职场文书
导游词之韩国济州岛
2019/10/28 职场文书
FP-growth算法发现频繁项集——构建FP树
2021/06/24 Python
浅谈如何保证Mysql主从一致
2022/03/13 MySQL