JavaScript函数和window对象

函数（function）

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

使用更简单：不用定义属于某个类，直接使用

函数分类

系统函数
自定义函数

有参函数
无参函数
函数的调用

定义函数

函数一定有返回（默认是未定义undefined）
可以写自己的返回
return可以中断函数的运行
可以带参,不需要指定参数的类型,参数任意传,默认是未定义undefined
函数的返回值可以是任意类型

函数类型

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

各个函数类型的写法

<!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>

标签： javascript 开发语言 ecmascript

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

JavaScript函数和window对象

函数（function）

函数分类

定义函数

函数类型

各个函数类型的写法

window对象

发表评论

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

关于作者

overfit同步小助手

相关阅读

文章导航