javaScript函数

最新推荐文章于 2022-12-23 09:20:50 发布

梦里多梦

最新推荐文章于 2022-12-23 09:20:50 发布

阅读量56

点赞数

分类专栏：日常学习笔录文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_45801012/article/details/104300388

版权

日常学习笔录专栏收录该内容

19 篇文章 1 订阅

订阅专栏

函数是由事件驱动的或者被调用时执行的可重复使用的代码块

1.普通函数

function godLike(){
	alert("good job")
}

实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
    function godLike(){
        alert("good job");
    }    
        
    </script>
    <h1>这是一个没有结局的故事</h1>
    <button id="good" onclick="godLike()">点我</button>
</body>
</html>

2.带有参数的函数

function myFunction(argument1,argument2){
/ 代码块
}

实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
    function godLike(a,b){
        alert(a + b);
    }    
        
    </script>
    <h1>这是一个没有结局的故事</h1>
    <button id="good" onclick="godLike(5,6)">点我</button>
</body>
</html>

3.带有返回值的函数

function godLike(a,b){
        return a + b;
    }

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1>这是一个没有结局的故事</h1>
    <p id="xuan"></p>
    <script>
    function godLike(a,b){
        return a + b;
    }    
    document.getElementById("xuan").innerHTML = godLike(5,6);
    </script>
    
    
    
</body>
</html>

4.javaScript局部变量与全局变量

在函数内部使用var声明的变量是局部变量，只能在函数内部使用它们，所以在不同的函数中变量名是可以重复的。在函数外部声明的变量是全局变量。

5.javaScript变量的生存周期

局部变量会在函数运行结束后被删除；
全部变量会在关闭页面时被删除；

梦里多梦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript函数

函数是由事件驱动的或者被调用时执行的可重复使用的代码块1.普通函数function godLike(){ alert("good job")}实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...
复制链接

扫一扫