前端day07-JS学习笔记

<script>
    //第一句话：弹出一个提示框，通常用于提示用户，也可以用于调试
    alert("hello world");
    //第二句话：打印某个数据的值，查看数据是否成功
    //这个写法不是给用户看的，而是给程序员自己调试看的
    console.log("欢迎大家来到黑马程序员");
    //第三句话：弹出一个输入框，可以用来输入数据
    prompt("深圳的前端平均薪资是多少呀？");
    //第四句话：弹出一个确认框，默认会有确定和取消按钮用于提示用户再次确认
    confirm("你确定要来深圳校区找我吗？");
    //第五句话：可以给body加内容
    //用的非常少，因为可能会把body原来的内容替换掉
    document.write("i love you?");
</script>

/*
    1.js代码报错原因
        (1) 编译器做两件事 ： 识别语法，处理(存储与计算)数据
        (2) 报错的原因只有两个 ： 
            a. 语法不识别 : SyntaxErro
            b. 数据不识别 : ReferenceErro
        (3) 一旦代码报错，程序终止运行，后面的代码都不会解析。
    2.直接量 : 可以直接使用的数据  （能够被编译器识别的数据）
        * 哪些数据可以被识别 ：  必须要符合js的数据类型
    3.数据类型 : js代码在运行时会产生不同的数据，不同的数据存储与处理方式不一样，
所以要对数据进行分类,称之为数据类型。 
        * JS数据类型一起有7种，分为两大类
            a. 基本数据类型(5种)
            b. 复杂数据类型(2种)
    4.基本数据类型 :
        (1) 字符串类型(String) : 一切以单引号''  或  双引号""  引起来的内容
            * 作用：用于展示文本
        (2) 数值类型(Number) : 一切数学中的数字
            * 作用： 用于数学计算
        (3) 布尔类型(Boolean) : 只有两个值  true(真)   false(假)
            * 作用： 用于表示事物对立面 (条件成立 / 条件不成立)
        小技巧 ： 谷歌控制台， 字符串会显示黑色 ， 数字和布尔会显示蓝色
        (3) Undefined : 只有一个值undefined，在使用var 声明变量但未对其初始化时，这个变量就为undefined
        (3) Null :只有一个值null，从逻辑角度来看，null值表示一个空对象指针，
        而这也正是使用typeof操作符检测null值时会返回“Object”的原因
    5. 检测数据类型
        (1)语法
            a.  typeof 数据
            b.  typeof (数据)
        (2)结果 ： 得到该数据所属类型的字符串
            typeof ('123')  ->  'string'
            typeof (123)    ->  'number'
            typeof (true)   ->  'boolean'
*/

<script>
    /** 
     1. Math作用 ： 高级数学计算
     2. 常用
        a. Math.ceil(数字) ：向上取整 
        b. Math.floor(数字) ：向下取整 
        c. Math.max(数字1,数字2,...) ：求最大值
        d. Math.min(数字1,数字2,...) ：求最小值
        e. Math.random() ：返回 (0,1) 之间的小数
    */
    //1.圆周率
    var pi = Math.PI;
    console.log ( pi );//3.1415926.....
    //2.绝对值:一个数字与坐标原点的距离
    console.log ( Math.abs ( - 2 ) )//2
    //3.天花板函数：向上取整
    console.log ( Math.ceil ( 10 ) );//整数得到自身
    console.log ( Math.ceil ( 10.1 ) );//11,小数则向上取整
    console.log ( Math.ceil ( -10.1 ) );//-10
    //4.地板函数: 向下取整
    console.log ( Math.floor( 8 ) );//8 整数得到自身
    console.log ( Math.floor ( 7.9 ) );//7,小数则向下取整
    console.log ( Math.floor ( -7.9 ) );//-8
    //5.四舍五入取整
    console.log ( Math.round ( 4.5 ) )//5
    console.log ( Math.round ( 3.3 ) )//3
    console.log ( Math.round ( - 9.9 ) )//-10
    //6.求最大值。  数值数量不限使用逗号分割
    console.log ( Math.max ( 50, 99, 888, 123 ) )//888
    //7.求最小值。  数值数量不限使用逗号分割
    console.log ( Math.min ( 50, 99, 888, 123 ) )//50
    //8.生成一个随机数  范围 0 - 1 之间的小数
    console.log ( Math.random () );
    //如果想得到0-100之间的整数  可以乘以一百然后向下取整即可
    console.log ( Math.floor ( Math.random () * 100 ) );
    //求随机整数范围的公式
    Math.floor(Math.random() * (max - min + 1)) + min
    //9.幂运算 Math.pow(x,y)  返回x的y次幂
    console.log ( Math.pow ( 2, 8 ) );//256    2的八次方

</script>