JS函数定义方法与调用方式,在线编辑器
javascript的函数是JavaScript这门计算机语言中的重要内容之一。函数是封装代码块的容器,并提供调用的接口,可以是JS的编程变得更加高效、简洁,比如要弹出一个窗口,可以直接调用alert()这个JS的内置函数,而不必再自个编写一个弹窗来。
JS函数的定义方法
function funcName(args){
dosomething
}
JS函数语法解析
- JS的函数通过“function”关键词来定义;
- funcNanme:函数名,可以用驼峰命名的形式来命名,其它的命名规则可以参考变量的命名规则。
- ( ):函数名后面的英文“()”是必须的;
- args:是函数的参数,个数可以是0,也可以是很多个,依据实际编程需要而定;
- {}:花括号也是必须的,里头用来存放函数的代码块;
- return:函数的返回值不是必须的,可以有也可以没有;
JS函数定义实例
<p id='e1'></p>
<p id='e2'></p>
<script>
function say(){ //不需要参数
document.getElementById("e1").innerHTML = "hello, 笨鸟工具 x1y1z1.com" //无返回值的函数
};
say();
function _sum(arg1, arg2){ //参数有两个
return arg1+arg2 //声明的函数带有返回值
};
var sum = _sum(1,2);
document.getElementById("e2").innerHTML = sum
</script>
JS函数的调用方式
函数名 + ( );如果有参数,需要传递参数;
JS函数中的变量
在js函数中声明的变量一般为局部变量,即在函数外通常情况下是不可以使用的,如下代码:
<p id='e3'></p>
<p id='e0'></p>
<script>
function func1(){
var a = 1
document.getElementById("e3").innerHTML = a
};
func1();
document.getElementById("e0").innerHTML = a //在函数外无法调用
</script>