【js_02】函数和window对象

Preface:Wecome back again. Family

 


目录:

            一.函数

                1.自定义函数

                2.函数类型

                3.完成计算机功能

           二.window对象

                1.window对象

                1.window对象常用函数

                2.内置函数

本堂课新单词:

                       1. history 历史记录

                       2. screen 屏幕

                       3. location 准确位置

                       4. setTimeout 设置定时器

                       5. setInterval 设置循环定时器

                       6. clearTimeout 清除定时器

                       7. clearInterval 清除循环定时器

一.函数:

js 中的函数就相当于 java 中的方法

    java 中:
         public String fa(){
         }

        js中:
         fa() 调用方法

【js_02】函数和window对象

// 函数(特点)

// 1.函数一定有返回 未定义 (undefined)

// 2.可以写自己的返回

// 3.return 可以中断函数的运行

// 4.可以带参,不需要指定参数的类型,参数可以任意传,默认为 undefined

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

1.自定义函数解析图:

【js_02】函数和window对象

 

2.函数类型解析图:

【js_02】函数和window对象

3.函数使用计算机

【js_02】函数和window对象 

//1.普通函数

         function fa(a){
             console.log("hello");
             if(a){
                 return "yes"
             }
             return false
         }

// 2.匿名函数

 (function(){
                 // 匿名函数和调用的方式
             })();

// 调用函数 console.log(fa(1,2,3,4,5,6))

// 3. 高阶函数   可以将函数作为参数 

 function fb(a,b){
                 return a(b)
             } 
             fb(fa,"1");

// 4.箭头函数 (普通函数的简写)

   var fb=()=>{
            // 是一个函数
            document.write("调用了")
        }

二.window对象

1.window 对象是整个 js 中最大的对象

【js_02】函数和window对象

 

2.window对象常用函数

【js_02】函数和window对象

// history 历史记录

// 返回:

function back(){

history.back() }

// 前进:

function forward(){

history.foward() }

// 既能前进又能返回的万能方法:

function go(){

history.go() }

    function f1(){
        // 百度
        location.href="https://www.baidu.com"
    }

// window.xx()

// window 默认可以不写

//setTimeout 定时器

    // 定时炸弹 (定时器)
    setTimeout(function (){
        alert("是个牛蛙")
    },1000)

//setInterval 循环定时器

//clearInterval 清除定时器

var a=0;
        // i 是 设置循环定时器 的编号
        var i=setInterval(function (){
            a++
            console.log("你是个牛蛙")
            if(a==10){
                clearInterval(i) //清除定时器
            }
        },1000)
​
​

// 箭头函数 设置循环定时器

// 内置对象:

// 1.修改元素内容的方法 innerhtml textcontent

// 2.Date

// 3.Math

【js_02】函数和window对象

 

        setInterval (()=>{
        // textContent 不识别 html 语句
        // h3.textContent="<kbd>"+new Date()+"</kbd>"
        h3.innerHTML="<kbd>"+new Date().toLocaleTimeString()+"</kbd>" //获得当前时间
    },1000)     

console.log(Math.max(1,2,3,4,5,6,7)) //最大值

console.log(Math.min(1,2,3,4,5,6,7)) //最小值

console.log(Math.ceil(1.99)) //向上取整

console.log(Math.floor(1.99)) //向下取整

console.log(Math.round(1.33)) //四舍五入

// 随机出来的一定是小数 [0,1) //包括0 不包括1

// 1~10

console.log(Math.floor(Math.rondom()*10)+1)

【js_02】函数和window对象

【js_02】函数和window对象 

                                                  Thank you for your watch~

上一篇:Jetson TX2板载摄像头(一)


下一篇:Argus