JS(第七课)认识function函数(二)

简介: JS(第七课)认识function函数(二)

如果转入的是五个参数呢!

/* 转入五个参数 */
function asd3(name, age, sex, phone, address) {
  alert("姓名:" + name + "年龄:" + age + "岁" + "性别" + sex + "电话" + phone + "地址" + address);

如果转入的是六个参数呢!

/* 转入六个参数 */
function sex(name, age, sex, phone, address, shengfengzheng) {
  alert("姓名:" + name + "年龄:" + age + "岁" + "性别" + sex + "电话" + phone + "地址" + address + "身份证号:" + shengfengzheng);

如果转入的是没有参数呢!

function myFun() {
  alert("hellow word");
  alert("No pains No gains")
}

如果转入的是七个参数呢!

// !参数的函数
//声明的函数
function Student(name, age, sex, height, weight, like, muiec) {
    alert("我是创建的Student的对象猜猜我有哪些属性呢!")
    var ob = alert("姓名:" + name + "年龄:" + age + "性别" + sex + "身高:" + height + "体重:" + weight + "爱好:" + like + "音乐:" + muiec)
}
//调用函数的信息
Student("张三", 23, "男", 190, 67, "王者荣耀", "<愿这个世界对你温柔以待>")

结果不在展示上面已经有结果了:

<h1>Function函数的定义</h1>
<!-- 函数入门 -->
<script>
    //函数只声明步去调用有用吗
    function hello0() {
        document.write("<h1 style='color:red'>函数只声明步去调用有用吗</h1>")
    }
    function hello() {
        document.write("<h1 style='color:red'>函数你好呀!</h1>")
    }
    // 函数调用
    hello()
    function hello2() {
        document.write("<h1 style='color:green'>我是在表单中调用的函数hello2()</h1>")
    }
</script>
<!-- onclick="hello2() onclick是点击事件 -->
<style>
    input {
        height: 400px;
        width: 600px;
        margin: auto;
        border: 3px solid lightpink;
        text-align: center;
        line-height: 400px;
        background-color: rgb(19, 15, 10);
        color: red;
        font-size: 30px;
    }
    input:hover {
        text-align: center;
        line-height: 300px;
        background-color: azure;
        color: blueviolet;
        height: 200px;
        width: 300px;
    }
</style>
<input type="submit" value="提交按钮点击事件为hello2()" onclick="hello2()">

上面是简单的内容自己可以实现一下:

 <!-- 全局变量和局部变量 -->
 <script>
     var aaa = "我是全局变量";
     function names() {
         var bbb = "这是局部的变量";
         document.write(aaa + "<br>")
         document.write(bbb)
     }
     names();
     document.write(aaa + "<br>")
     // document.write(bbb)
 </script>

上面是全局变量和局部变量:

 <script>
     function chuko() {
         alert("这是程序的出口")
     }
     function a() {
         chuko();
     }
     function b() {
         a();
     }
     function c() {
         b();
     }
     function d() {
         alert("程序的入口")
         c();
     }
     // 调用的出口
     d()
 </script>

函数中的多次套用:结果自己思考一下:

案例一

 

 

 

 

标题

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    *{
        font-size: 40px;
        color: red;
    }
</style>
<body>
      <!-- ! 定义6个数,求出其中的最大值,最小值 -->
<script>
var arr = [5, 8, 3, 4, 90,67];
function find() {
    var max = arr[0],
     min = arr[0];
    var maxindex = 0;
    var minindex = 0;
    for (var i = 0; i < arr.length; i++) {
        if (arr[i] > max) {
            max = arr[i];
            maxindex = i;
        } else if (arr[i] < min) {
            min = arr[i];
            minindex = i;
        }
    }
    document.write("最大值为:" + max + "位置为:" + maxindex);
    document.write("最小值为:" + min + "位置为:" + minindex);
}
</script>
<input type="submit" value="用户单机这里的信息求出其中的最大值,最小值 " onclick="find()">
<script>
    var n1=23,n2=90,n3=78,n4=34,n5=23,n6=90
    var max=n1
    if(max<n2)max=n2
    if(max<n3)max=n3
    if(max<n4)max=n4
    if(max<n5)max=n5
    if(max<n6)max=n6
</script>
</body>
</html>

之前博客写的小习题如何用函数包起来自己思考一下:下次课深入函数:

http://t.csdn.cn/1v7gv

 

相关文章
|
12天前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
25 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
11天前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
25天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
27天前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
29天前
|
JavaScript
箭头函数与普通函数(function)的区别
箭头函数是ES6引入的新特性,与传统函数相比,它有更简洁的语法,且没有自己的this、arguments、super或new.target绑定,而是继承自外层作用域。箭头函数不适用于构造函数,不能使用new关键字调用。
|
1月前
|
JavaScript 前端开发
js教程——函数
js教程——函数
32 4
|
1月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
16 2
|
1月前
|
JavaScript 前端开发
Node.js 函数
10月更文挑战第5天
22 3
|
28天前
|
JavaScript
箭头函数与普通函数(function)的区别
箭头函数是ES6引入的新语法,相比传统函数表达式更简洁,且没有自己的this、arguments、super或new.target绑定,而是继承自外层作用域。这使得箭头函数在处理回调和闭包时更加灵活方便。
|
30天前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
18 0

热门文章

最新文章