Javascript调用函数

调用函数

调用函数时，按顺序传入参数即可：

abs(10); // 返回10

abs(-9); // 返回9

由于JavaScript允许传入任意个参数而不影响调用，因此传入的参数比定义的参数多也没有问题，虽然函数内部并不需要这些参数：

abs(10, 'blablabla'); // 返回10

abs(-9, 'haha', 'hehe', null); // 返回9

传入的参数比定义的少也没有问题：

abs(); // 返回NaN

此时abs(x)函数的参数x将收到undefined，计算结果为NaN。

要避免收到undefined，可以对参数进行检查：

function abs(x) {
    if (typeof x !== 'number') {
        throw 'Not a number';
    }
    if (x >= 0) {
        return x;
    } else {
        return -x;
    }
}

下面的案例仔细观察如何使用函数的调用

<!DOCTYPE html>
<html>
<body>
<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('学生','XXX')">点击这里</button>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + "," + job);
}
</script>
</body>
</html>

继续学习

新建文件

<!DOCTYPE html> <html> <body> <p>请点击其中的一个按钮，来调用带参数的函数。</p> <button onclick="myFunction('Harry Potter','Wizard')">点击这里</button> <button onclick="myFunction('Bob','Builder')">点击这里</button> <script> function myFunction(name,job) { alert("Welcome " + name + ", the " + job); } </script> </body> </html>

提交重置代码

自动运行

章节

笔记

提问

课件

反馈

捐赠