欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

JavaScript函数基础详解

时间:2020-11-13 09:03:25|栏目:JavaScript代码|点击:

什么是函数?

函数是完成某一功能的代码段

函数是可重复执行的代码段

函数方便管理和维护

自定义函数

通过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的6个思维技巧

本文标题:JavaScript函数基础详解

本文地址:http://www.codeinn.net/misctech/22149.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有