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>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.