JavaScript初体验

目录

1.script标签的书写位置

2.JavaScript的三种输出方式

3.JavaScript的数据类型

4.变量命名规则

5.特殊的值NaN,isNaN

---

1.script标签的书写位置

1、放在head标签内部，浏览器解析HTML，解析到script标签时，会先加载完所有script，再往下解析其他的HTML；因此会使网页内容呈现滞后，用户体验差。

2、放在body标签内部，浏览器会先解析完整个HTML页面，再加载并解析js。

3、放在body闭标签之后，浏览器会忽略之前的“”，所以实际效果和写在body闭合标签之前没有区别。

2.JavaScript的三种输出方式

1.弹出提示框:alert(''内容'')实例如上图!这里注意的是弹出框是不识别标签的!

2.输出到页面:document.write(<标签>内容</标签>)实例如上图,使用页面输出可以带标签和样式输出结果为待了样式的

3.控制台输出:这里很多初学小伙伴不知道控制台在哪里,打开浏览器后点击设置找到开发者模式or按下键盘上的F12 然后找到控制台,在里面输入console.log('内容')可以将结果打印在控制台中

3.JavaScript的数据类型

JavaScript的数据类型有 "六大"数据类型

1).值类型

    string 字符串

    number 数值

    boolean 布尔

    null 空地址

    undefined 未定义

    //一.字符串, 由双引号或单引号组成的字符,就是字符串
    var str1 = '帅哥在台上!';
    var str2 = "美女和靓仔在台下!"
    console.log(typeof str1); //string

    //二.数值类型 (整型和浮点型)
    //NaN 属于number,它是一个特殊的值,保证代码继续运行
    var num = 100;
    console.log(typeof num) //number

    var num = 12.34;
    console.log(typeof num) //number
    //NaN  not a number
    var a = 0;
    var b = 0;
    console.log(a / b);
    console.log(typeof NaN)

    var str = "你好";
    var res = str * 100;
    console.log(res);


    //三. boolean bool 布尔
    //真 和 假  (true/false)
    var flag = true; //是,真
    console.log(flag);
    console.log(typeof flag)// boolean

    //四.null 空地址
    var a = null;
    console.log(a); //null
    console.log(typeof (a)); //object,历史的遗留问题

    // 五.undefined 声明变量未赋值
    var b;
    console.log(b)  //undefined
    console.log(typeof b); //undefined

    //js有2大特殊的'类型',null和undefined

2).引用类型

    object 对象类型 (Array,Function,Date,..)

    //六.object 对象
    var obj = new Object();
    obj.name = "刘德华";

    console.log(obj)  // {name:"刘德华"}
    console.log(typeof (obj));//object

4.变量命名规则

1.首先什么是变量?

变量是用于存放数据的容器.我们通过变量名获取数据，也可以修改数据.

2.变量的命名规则(熟记)

    1.只能是数字,字母,下划线,$

    2.不能以数字开头

    3.不能是保留字和关键字

    4.严格区分大小写

    5.遵循驼峰命名法

         大驼峰:类

         小驼峰:对象,变量

    6.语义化(见名思意)

5.特殊的值NaN,isNaN

NaN  not a number 是一个特殊的值,属于number

isNaN()  如果是数值是false,不是数值true

isNaN() 只关注是否为 fasle,是false,就是数值

    console.log(NaN, isNaN(NaN)); //true
    console.log('你好', isNaN("你好")); //true
    console.log(100, isNaN(100)); //false
    console.log('100', isNaN('100')); //false 隐式转换 (偷偷的帮你转换)

    var num = prompt("请输入数值");
    if (isNaN(num) == false) {
      alert("你输入的是数值");
    } else {
      alert("No!!!")
    }