js基础学习

最新推荐文章于 2024-04-25 14:11:29 发布

i am on the way

最新推荐文章于 2024-04-25 14:11:29 发布

阅读量96

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/zhaoyouliang123/article/details/103702064

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

JavaScript 函数是通过 function 关键词定义的。

您可以使用函数声明或函数表达式。
函数声明：

function functionName(parameters) {
   要执行的代码
}

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 函数</h1>

<p>此例调用一个执行计算并返回结果的函数：</p>

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

<script>
var x = myFunction(4, 3);
document.getElementById("demo").innerHTML = x;

function myFunction(a, b) {
  return a * b;
}
</script>

</body>
</html>

函数表达式
JavaScript 函数也可以使用表达式来定义。

函数表达式可以在变量中存储：
var x = function (a, b) {return a * b};

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 函数</h1>

<p>函数存储在变量后，变量可以用作函数：</p>

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

<script>
var x = function (a, b) {return a * b};
document.getElementById("demo").innerHTML = x(4, 3);
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 函数</h1>

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

<script>
var myFunction = function (a, b) {return a * b}
document.getElementById("demo").innerHTML = myFunction(4, 3);
</script>

</body>
</html>

自调用函数
函数表达式可以作为“自调用”。

自调用表达式是自动被调用（开始）的，在不进行调用的情况下。

函数表达式会自动执行，假如表达式后面跟着 ()。

您无法对函数声明进行自调用。

您需要在函数周围添加括号，以指示它是一个函数表达式：

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 函数</h1>

<p>可以在不调用的情况下自动调用函数：</p>

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

<script>
(function () {
  document.getElementById("demo").innerHTML = "Hello! I called myself";
})();
</script>

</body>
</html>

JavaScript 函数可用在表达式中：

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 函数</h1>

<p>函数可以在表达式中使用。</p>

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

<script>
function myFunction(a, b) {
  return a * b;
}
var x = myFunction(4, 3) * 2;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

toString() 方法以字符串返回函数：

实例：

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 函数</h1>

<p>toString() 方法将函数作为字符串返回：</p>

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

<script>
function myFunction(a, b) {
  return a * b;
}
document.getElementById("demo").innerHTML = myFunction.toString();
</script>

</body>
</html>