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 相关文章推荐
IE8 浏览器Cookie的处理
Jan 31 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
Oct 29 Javascript
javascript运行机制之this详细介绍
Feb 07 Javascript
js判断浏览器类型为ie6时不执行
Jun 15 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
Oct 10 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
Feb 06 Javascript
漂亮! js实现颜色渐变效果
Aug 12 Javascript
BootstrapTable refresh 方法使用实例简单介绍
Feb 20 Javascript
详解vue.js之props传递参数
Dec 12 Javascript
vue 中directive功能的简单实现
Jan 05 Javascript
node实现基于token的身份验证
Apr 09 Javascript
记录vue做微信自定义分享的一些问题
Sep 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
PHP实现把MySQL数据库导出为.sql文件实例(仿PHPMyadmin导出功能)
2014/05/10 PHP
浅谈PHP中的数据传输CURL
2016/09/06 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
php中上传文件的的解决方案
2018/09/25 PHP
PHP模型Model类封装数据库操作示例
2019/03/14 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
PHP7修改的函数
2021/03/09 PHP
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
JavaScript多线程的实现方法
2007/05/08 Javascript
OfflineSave离线保存代码再次发布使用说明
2007/05/23 Javascript
javascript:void(0)使用探讨
2013/08/27 Javascript
jquery each的几种常用的使用方法示例
2014/01/21 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
RequireJS入门一之实现第一个例子
2015/09/30 Javascript
基于Vue.js实现数字拼图游戏
2016/08/02 Javascript
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
2020/06/01 Javascript
Vue左滑组件slider使用详解
2020/08/21 Javascript
Python中使用logging模块打印log日志详解
2015/04/05 Python
python3.4控制用户输入与输出的方法
2018/10/17 Python
Python读写文件基础知识点
2019/06/10 Python
Python如何实现转换URL详解
2019/07/02 Python
Python3操作Excel文件(读写)的简单实例
2019/09/02 Python
Python元组 tuple的概念与基本操作详解【定义、创建、访问、计数、推导式等】
2019/10/30 Python
python实点云分割k-means(sklearn)详解
2020/05/28 Python
罗德与泰勒百货官网:Lord & Taylor
2016/08/12 全球购物
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
全球航班旅行搜索网站:Cheapflights
2017/05/19 全球购物
what is the difference between ext2 and ext3
2013/11/03 面试题
一套软件测试笔试题
2014/07/25 面试题
安全保证书范文
2014/04/29 职场文书
学校关爱留守儿童活动方案
2014/08/27 职场文书
钳工实训报告总结
2014/11/04 职场文书
先进典型事迹材料
2014/12/29 职场文书
授权委托书
2015/01/28 职场文书