0


JavaScript函数和window对象

函数(function)

函数的含义:类似于Java中的方法,是完成特定任务的代码语句块

使用更简单:不用定义属于某个类,直接使用

函数分类

  1. 系统函数
  2. 自定义函数
  • 有参函数
  • 无参函数
  • 函数的调用

定义函数

  1. 函数一定有返回(默认是未定义undefined)
  2. 可以写自己的返回
  3. return可以中断函数的运行
  4. 可以带参,不需要指定参数的类型,参数任意传,默认是未定义undefined
  5. 函数的返回值可以是任意类型

函数类型

  • 匿名函数(不定义名字)
  • 普通函数
  • 高阶函数(可以将函数作为参数)
  • 箭头函数(普通函数的简写)

各个函数类型的写法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!--onclick 当被点击的时候-->
        <button onclick="fb()">我是一个按钮</button>
        <script>
            
            /**
             public void fa(){
            
             }
             */
            
            
            //定义函数
            //1.函数一定有返回(默认是未定义undefined)
            //2.可以写自己的返回
            //3.return可以中断函数的运行
            //4.可以带参,不需要指定参数的类型,参数任意传,默认是未定义undefined
            //5.函数的返回值可以是任意类型
            function fa(a){
                console.log("hello");
                if(a){//为真
                    return "yes"
                }
                return "no"
            }
            
            //匿名函数和调用的方式
            (function(){
                
            })();
            
            //调用函数
            console.log(fa());
            
            //可以将函数作为参数,这个就是高阶函数
            function fb(a,b){
                return a(b)
            }
            fb(fa,"1") 
           
           //箭头函数  普通函数的简写
           var fb=()=>{
               document.write("调用了")
           } 
            
            
        </script>
    </body>
</html>

window对象

** window的含义:**是整个JavaScript中最大的对象

常用属性:

常用函数:

** 内置对象:**

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <a href="https://www.baidu.com">点我</a>
        <button onclick="f1()">点我</button>
        <h3 id="h3"></h3>
        <script>
            
            //写一个函数 接收两个参数  返回它们的和
            function a1(a,b){
                return a+b;
            }
            
            //window对象
            //是整个js中最大的对象
            
            // history 历史
            function back(){
                history.back()
            }
            
            function forward(){
                history.forward()
            }
            
            function f1(){
                //去百度
                location.href="https://www.baidu.com"
            }
            
            //window.xx()
            //window默认可以不写
            window.alert("我出来了")
            
            //定时炸弹
            /**
            setTimeout(function(){
                alert(炸了)
            },1000)
            **/
            
            var a=0;
            //i是定时器的编号
            var i=setInterval(function(){
                a++
                console.log(炸了)
                if(a==10){
                    clearInterval(i);
                }
            },1000)
            
            setInterval(()=>{
                //textContent不识别html语句
                //现在的时间
                //h3.textContent=new Date();
                h3.innerHTML="<kbd>"+new Date().toLocaleTimeString()+"</kbd>"
            },1000) 
            
            //new Date().getFullYear();
            
            //console.log(Math.max(1,2,3,4,5,6,7,8,9))
            //console.log(Math.min(1,2,3,4,5,6,7,8,9))
            //console.log(Math.ceil(1.99))//向上取整
            //console.log(Math.floor(1.99))//向下取整
            //console.log(Math.round(1.99))//四舍五入
            //随机出来的一定是小数[0,1)
            //1~10
            console.log(Math.floor(Math.random()*10)+1)//随机数
            
        </script>
    </body>
</html>

本文转载自: https://blog.csdn.net/m0_67331668/article/details/123167632
版权归原作者 菲仔yo 所有, 如有侵权,请联系我们删除。

“JavaScript函数和window对象”的评论:

还没有评论