js基础 js的简介 js的引入方式 js变量 js变量的命名规则 js的五种原始数据类型类型转换

本文链接：https://blog.csdn.net/jiakesi/article/details/106257284

js基础 js的简介 js的引入方式 js变量 js变量的命名规则 js的五种原始数据类型类型转换

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- 
        js的简介：
        js 的引入方式：
            1、行内式：直接将js代码放到开始标签里边
            onclick：单击事件
            2、内嵌式：借助于script标签，js代码放到script标签里边；可以出现在页面的任何地方
            <script>
                alert('学习js第二天');
            </script>
            3、外链式：使用script标签的src属性，链接外部的js文件；
            外部的js文件，扩展名.js

        js在页面中出现的位置不同，页面的展示效果也不同；因为这样，我们把js代码放到页面（html结构）的最后，就是body 结束标签之前；也可以 放到body结束标签之后，html结束标签之前的位置；


        js的语法：用分号;代表每一条语句的结束；
        js代码就是语句（命令），就是告诉浏览器要干的事情
        console.log();控制台输出；方便后期调试代码

        js变量：
            声明变量：var 可以声明任何类型的变量
            可以使用一个var声明多个变量，多个变量之间使用逗号隔开
             var a=100;//声明变量，同时赋值

             var a;//先声明，后赋值
             a=100;

             var a=100,b=200,c="hello world",flag=true;//使用一个var声明多个变量

        js变量的命名规则：
            1、使用字母 、下划线_ 、美元符号$ 开头，后边的任何字母和数字，_ ,$ 的组合
            2、变量名不能使用关键字和保留字
            3、变量名严格区分大小写
            4、变量名中不能出现空格，换行符等其他的特殊字符
            5、命名方式：匈牙利标记命名法；帕斯卡命名法 ； 驼峰命名法

        js的五种原始数据类型：
            undefined   number   boolean   string   null  
        
        js的数据类型判断：typeof 运算符 ，后边跟一个参数，参数就是你要判断的变量或者值
            var a=100;
            var b="100";
            console.log(typeof a);
            console.log(typeof b);
            console.log(typeof 200);

        undefined:变量声明了，但是没有初始化（变量没有赋值），变量有一个默认的值，默认值就是undefined

        boolean布尔类型：true  false 
        6中假值：false    空字符串""   0     NaN    null   undefined
        除了这五种假值之外，其他都是真值
        

        number数值类型：
            1、判断一个数是否有穷： isFinite(参数) ：参数就是你要判断的数
            2、NaN非数值： 自身与自身都不相等；不能参与运算
            3、数据分类：
                3.1  整型（整数） var num=100;
                3.2  浮点数（小数） var num=100.01
            4、数据表示方法：
                4.1 十进制  
                    八进制 ：以0作为前导符号 ；基数：0 1 2 3 4 5 6 7 ；var num=070;
                    十六进制 : 以0x作为前导符号；基数：0 1 2 3 4 5 6 7 8 9 a b c d e f ; var  num=0xff;

        
        string字符串类型：
            1、单引号或者双引包裹的数据；
            var str="hello";   var str1='world';
            2、单双引号都是成对出现；
            3、单双引号可以嵌套；
                var str2="helle  'world'";
                var str3='hell "world"';
            4、转义字符\ ：
                var str4='hello \'world\'';
            5、字符串拼接：+ 
        

        类型转换：
            1、toString()方法;把值转换为字符串；
                var num=100; num.toString();
                对于数值类型，toString()有默认模式和基模式的转换
                基模式：2  8  10  16  
                num.toString(2);
                num.toString(8);

            2、parseInt();字符串转换为整型；
                首先判断第一位是否是有效数字，如果是，就判断第二位是否是有效数字，如果是，就会以此类推，直到遇到一个非有效数字时停止转换，会把前边转换的有效数字全部输出；
                如果第一位不是有效数字，直接返回NaN

                基模式转换：2 8 10 16
                parseInt(参数1,参数2)：参数1 是要转换的值 ；参数2：转换的基

            3、parseFloat();转换为浮点型
                首先判断第一位是否是有效数字，如果是，就判断第二位是否是有效数字，如果是，就会以此类推，直到遇到一个非有效数字时停止转换，会把前边转换的有效数字全部输出；
                如果第一位不是有效数字，直接返回NaN

                对于数据里边包含多个小数点的，能识别第一个小数点；
                var str="11.232.33";

     -->
     <input type="text" onclick="console.log('hello world');">
     <ul>

        <li>helo</li>
        <li>helo</li>
        <li>helo</li>
        <li>helo</li>
        <li>helo</li>
     </ul>
  
</body>
    <script>
        // alert('学习js第二天');
        // console.log('学习js第二天');
        var a=100;
        var b="100";
        var c=070;
        var d="0xff";
        // console.log(typeof a);
        // console.log(typeof b);
        // console.log(typeof 200);
        var str="11.22.333a123456hello";
        // console.log(c);
        // console.log(d);
        console.log(parseInt(d,16));

    </script>
    <script src="huigu.js"></script>
</html>