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 相关文章推荐
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 Javascript
jquery+html5烂漫爱心表白动画代码分享
Aug 24 Javascript
JS实现的不规则TAB选项卡效果代码
Sep 18 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
Jan 31 Javascript
JavaScript正则表达式匹配 div  style标签
Mar 15 Javascript
js 监控iframe URL的变化实例代码
Jul 12 Javascript
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
Vue监听一个数组id是否与另一个数组id相同的方法
Sep 26 Javascript
js module大战
Apr 19 Javascript
利用Electron简单撸一个Markdown编辑器的方法
Jun 10 Javascript
node读写Excel操作实例分析
Nov 06 Javascript
js+css实现扇形导航效果
Aug 18 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脚本数据库功能详解(中)
2006/10/09 PHP
PHP学习之数组值的操作
2011/04/17 PHP
PHP批量删除、清除UTF-8文件BOM头的代码实例
2014/04/14 PHP
php准确获取文件MIME类型的方法
2015/06/17 PHP
PHP 微信支付类 demo
2015/11/30 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
自己的js工具 Event封装
2009/08/21 Javascript
使用jquery实现select添加实现后台权限添加的效果
2011/05/28 Javascript
javascript学习笔记(十九) 节点的操作实现代码
2012/06/20 Javascript
jQuery控制cookie过期时间的方法
2015/04/07 Javascript
JavaScript中的toString()和toLocaleString()方法的区别
2017/02/15 Javascript
基于JS实现网页中的选项卡(两种方法)
2017/06/16 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
2017/07/05 Javascript
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
vue项目打包部署_nginx代理访问方法详解
2018/09/20 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
JS实现的雪花飘落特效示例
2019/12/03 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
2020/08/10 Javascript
使用js获取身份证年龄的示例代码
2020/12/11 Javascript
微信小程序自定义支持图片的弹窗
2020/12/21 Javascript
python网络编程学习笔记(四):域名系统
2014/06/09 Python
python+selenium实现京东自动登录及秒杀功能
2017/11/18 Python
pandas 将索引值相加的方法
2018/11/15 Python
在python中将list分段并保存为array类型的方法
2019/07/15 Python
pygame实现成语填空游戏
2019/10/29 Python
python函数装饰器之带参数的函数和带参数的装饰器用法示例
2019/11/06 Python
python pygame实现球球大作战
2019/11/25 Python
购买澳大利亚最好的服装和内衣在线:BONDS
2016/10/14 全球购物
让世界充满爱演讲稿
2014/05/24 职场文书
校园安全标语
2014/06/07 职场文书
协商一致解除劳动合同协议书
2014/09/14 职场文书
人事代理委托书
2014/09/27 职场文书
写好Python代码的几条重要技巧
2021/05/21 Python
Python 发送SMTP邮件的简单教程
2021/06/24 Python