JavaScript自学笔记（四）

最新推荐文章于 2024-10-10 10:50:43 发布

王者热爱去地下城复活

最新推荐文章于 2024-10-10 10:50:43 发布

阅读量114

点赞数

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/To_Ma_To/article/details/119548284

版权

笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

学习链接：https://www.bilibili.com/video/BV1Sy4y1C7ha
JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程
笔记涉及的是视频p156~p187的内容，涉及内置对象的内容，内容比较多，但是不要求能全部记住。并且要善于使用MDN查询其他的内置对象的功能和语法

1. 内置对象

内置对象就是指js语言自带的一些对象，供开发者使用，并提供了常用的或最基本必要的功能

1.1 查文档

1.1.1 MDN

MDN链接：https://developer.mozilla.org/zh-CN/

如何学习对象中的方法(Math.max()为例)：

查阅该方法的功能

查看里面参数的意义和类型

查看返回值的意义和类型
通过demo进行测试

1.2 Math对象

Math对象链接：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math

Math是一个内置对象，它拥有一些数学常数属性和数学函数方法。Math不是一个函数对象（构造函数），不需要new来调用，可以直接使用属性和方法。

1.2.1 求最大最小值

Math.max()&Math.min()

1.2.2 绝对值方法

Math.abs();

隐式转换：Math.abs('-1')，会将字符串-1转换为数字型-1，最终结果为1

1.2.3 三个取整方法

Math.floor()//向下取整例：Math.floor(1.9)->1
Math.ceil()//向上取整例：Math.ceil(1.1)->2
Math.round()//四舍五入就近取整往大的取值例： Math.round(1.5)->2 Math.round(-1.5)->-1

1.2.4 随机数方法

Math.random() 返回一个随机的浮点数,范围：[0,1)

随机生成两个数之间的随机数

function getRandom(min,max){

return Math.floor(Math.random() * (max - min + 1)) + min;

}

作业：要求用户猜1~50之间的一个数字。但是只有十次猜的机会

    <script>
        function getRandom(min, max) {    
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
        var a = 0;
        var b = getRandom(1, 50);
        for (var i = 9; i >= 0; i--) {
            if (i >= 0 && i < 10) {
                a = prompt('请输入一个你猜1~50的一个数字：');
                if (a < b) {
                    if (i == 0)
                        alert('没有猜对哦，已经没有机会啦');
                    else
                        alert('数猜小了，还有' + i + '次机会');
                } else if (a > b) {
                    if (i == 0)
                        alert('没有猜对哦，已经没有机会啦');
                    else
                        alert('数猜大了，还有' + i + '次机会');
                } else if (a == b) {
                    alert('猜对啦');
                    break;
                }
            } else {
                break;
            }
        }
    </script>