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 回调函数中变量作用域的讨论
Sep 11 Javascript
js更优雅的兼容
Aug 12 Javascript
jQuery Mobile 导航栏代码
Nov 01 Javascript
转换字符串为json对象的方法详解
Nov 29 Javascript
JS图片自动轮换效果实现思路附截图
Apr 30 Javascript
js+css实现select的美化效果
Mar 24 Javascript
学习JavaScript图片预加载模块
Nov 07 Javascript
input 标签实现输入框带提示文字效果(两种方法)
Oct 09 Javascript
jQuery中extend函数简单用法示例
Oct 11 jQuery
原生JS控制多个滚动条同步跟随滚动效果
Dec 22 Javascript
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
Nov 29 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
May 05 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
什么是MVC,好东西啊
2007/05/03 PHP
PHP初学者最感迷茫的问题小结
2010/03/27 PHP
使用PHP Socket 编程模拟Http post和get请求
2014/11/25 PHP
php获取CSS文件中图片地址并下载到本地的方法
2014/12/02 PHP
php实现的简单日志写入函数
2015/03/31 PHP
thinkPHP中验证码的简单使用方法
2015/12/26 PHP
PHP实现登录搜狐广告获取广告联盟数据的方法【附demo源码】
2016/10/14 PHP
Laravel解决nesting level错误和隐藏index.php的问题
2019/10/12 PHP
PHP如何使用array_unshift()在数组开头插入元素
2020/09/01 PHP
基于jQuery的弹出消息插件 DivAlert之旅(一)
2010/04/01 Javascript
js 验证密码强弱的小例子
2013/03/21 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
2013/12/22 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
2014/02/04 Javascript
自己动手手写jQuery插件总结
2015/01/20 Javascript
基于JavaScript实现图片剪切效果
2017/03/07 Javascript
react开发教程之React 组件之间的通信方式
2017/08/12 Javascript
vue 引用自定义ttf、otf、在线字体的方法
2019/05/09 Javascript
JavaScript快速调试的两个技巧
2020/11/04 Javascript
[56:12]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第一场 6.3
2018/06/04 DOTA
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
python学习之面向对象【入门初级篇】
2017/01/21 Python
Python中字符串String的基本内置函数与过滤字符模块函数的基本用法
2019/05/27 Python
Pytorch 使用CNN图像分类的实现
2020/06/16 Python
Tensorflow中批量读取数据的案列分析及TFRecord文件的打包与读取
2020/06/30 Python
python绘制高斯曲线
2021/02/19 Python
canvas学习笔记之绘制简单路径
2019/01/28 HTML / CSS
美国钻石商店:Zales
2016/11/20 全球购物
阿里健康官方海外旗舰店:阿里健康国际自营
2017/11/24 全球购物
手工社团活动方案
2014/02/17 职场文书
乡镇办公室工作决心书
2014/03/11 职场文书
酒店管理求职信范文
2014/04/06 职场文书
小学生放飞梦想演讲稿
2014/08/26 职场文书
老公婚前保证书
2015/02/28 职场文书
2015年全国“爱牙日”宣传活动总结
2015/03/23 职场文书
高中地理教学反思
2016/02/19 职场文书
JS实现数组去重的11种方法总结
2022/04/04 Javascript