宽容他人,放过自己。

JS函数

Posted on By anchoriteFili

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS函数</title>
<!---->
<!--
函数是由时间驱动的或者当它被调用时执行的可重复使用的代码块
-->
<script>
function myFunction() {
    alert("Hello world!");
}
</script>

</head>
<body>

<button onClick="myFunction()">Try it</button>
<button onClick="myFunctionTwo('Harry Potter', 'Wizard')">Try it again</button>

<!--调用代用参数的函数-->
<script>
function myFunctionTwo(name, job) {
    alert("welcome " + name + ", the " + job);
}
</script>

<p id="demo"></p>

<!--
带有返回值的函数
有时,我们会希望函数将值返回调用它的地方。
通过return语句就可以实现。
在使用return语句时,函数会停止执行,并返回指定的值
-->
<script>
function myFunctionThree(a, b) {
    return a * b;
}

document.getElementById("demo").innerHTML = myFunctionThree(4, 3);
</script>

<!--
局部JavaScript变量
在JavaScript函数内部声明的变量(使用var)是局部变量,所以只能在函数内部
访问它。(该变量的作用域是局部的)。您可以在不同的函数中使用名称相同的局部
变量,因为只有声明过变量的函数才能识别出该变量。
只要函数执行完毕,本地变量就会被删除。
全局JavaScript变量
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
JavaScript变量的生存期
JavaScript变量的生命期从他们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
向为声明的JavaScript变量分配值
如果你值付给未声明的变量,该变量将被自动作为全局变量声明
-->

 <!--如果变量在函数内没有声明(没有使用var关键字),该变量为全局变量-->
  <p>如果你的变量没有声明,它将自动成为全局变量:</p>
  <p id="demoOne"></p>
  <script>
  myFunctionOne();
  document.getElementById("demoOne").innerHTML = 'I can display ' + carName;
  function myFunctionOne() {
  carName = 'Volvo';
  }
  </script>
</body>
</html>