JavaScript进阶

最新推荐文章于 2024-07-18 11:48:33 发布

陈峰806

最新推荐文章于 2024-07-18 11:48:33 发布

阅读量140

点赞数 2

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_65768991/article/details/123470004

版权

JS的函数就是java中的方法

函数一定有返回未定义undefined

可以写自己的返回

return 可以中断函数的运行

可以带参，不需要指定参数的类型，

参数可以任意传，默认为undefined

函数的返回值可以是任意类型

public string fa（）{
}
function fa（a）{
if（a）{
   return "yes"
}
return false
}
(function(){
//匿名函数和调用的方式
})

调用函数
事件名=“函数名()”

console.log(fa(1,2,3,4,5,6))
以函数作为参数这就是高阶函数
function fb(a,b){
return a(b)
}
fb(fa,"1")

调用无参函数输出内容

<input type="button" value="要输出的内容的次数" onclick="showHello()"/>
设置此按钮点击后执行函数中的代码
function showHello(){
for(var i=0;i<5;i++）{
	document.write("<h2>Hello World</h2>");
  }

根据输入的次数，调用有参函数，显示

<input name="btn" type="button" value="请输入显示HelloWorld的次数"  onclick="showHello(prompt('请输入显示HelloWorld的次数：',''))"/>
function showHello(count)
{
   for(var i=0;i<count;i++)
      {
         document.write("<h2>Hello World</h2>");	 
      }
}

有参函数

function 函数名(参数1,参数2,...){

}

箭头函数普通函数的简写

var fb=()=>{
document.write("")
}

常用的属性
在这里插入图片描述

常用的事件

计算器源代码分析

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>第一个值: <input type="text" id="a1"></p> --输入框1
<p>第二个值: <input type="text" id="a2"></p> --输入框2
<p>结果: <input type="text" id="a3" disabled></p>--结果框，设禁用
<p>
    <button onclick="c1()">+</button> --button按钮 加
    <button onclick="c2()">-</button> --减
    <button onclick="c3()">*</button> --乘
    <button onclick="c4()">/</button> --除
</p>
<script>
    //1.得到两个框的值

    //2.进行相应的运算

    //3.将结果进行显示
    --加法
    function c1(){
        var a=a1.value;
        var b=a2.value;
        var c=parseInt(a)+parseInt(b)
        if(isNaN(c)){
            a3.value="输入错误"
            return
        }
        a3.value=c
    }
    var obj={
    }
    --减法

    function c2(){

        var a=a1.value;

        var b=a2.value;

        var c=parseInt(a)-parseInt(b)

        if(isNaN(c)){

            a3.value="输入错误"

            return

        }

        a3.value=c

    }

    --乘法

    function c3(){

        var a=a1.value;

        var b=a2.value;

        var c=parseInt(a)*parseInt(b)

        if(isNaN(c)){

            a3.value="输入错误"

            return

        }

        a3.value=c

    }

    --除法

    function c4(){

        var a=a1.value;

        var b=a2.value;

        var c=parseInt(a)/parseInt(b)

        if(isNaN(c)){

            a3.value="输入错误"

            return

        }

        a3.value=c

    }
</script>
</body>
</html>

陈峰806

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript进阶

JS的函数就是java中的方法函数一定有返回未定义undefined可以写自己的返回return 可以中断函数的运行可以带参，不需要指定参数的类型，参数可以任意传，默认为undefined函数的返回值可以是任意类型public string fa（）{}function fa（a）{if（a）{ return "yes"}return false}(function(){//匿名函数和调用的方式})调用函数事件名=“函数名()”console.log(fa(1
复制链接

扫一扫