JavaScript基础知识-基本数据类型介绍

　　　　　　　　　　　　JavaScript基础知识-基本数据类型介绍

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

一.数据类型介绍

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>数据类型</title>
        
        <script type="text/javascript">
            /**
             *     数据类型指的就是字面量的类型，在JS中一共有六种数据类型，如下所示:
             *         String:
             *             字符串
             *         Number:
             *             数字
             *         Boolean:
             *             布尔值
             *         Null:
             *             空值
             *         Undefined:
             *             未定义
             *         Object:
             *             对象
             *     其中，String，Number，Boolean，Null，Undefined属于基本数据类型，而Object属于引用数据类型。
             * 
             */
        </script>
    </head>
    <body>
    </body>
</html>

二.字符串

1>.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>字符串</title>
        
        <script type="text/javascript">
            /**
             *     String(字符串)定义方式:
             *         在JS中字符串需要使用引号引起来;
             *         使用双引号或单引号都可以，但是不要混着用;
             *         引号不能嵌套，双引号不能放双引号，单引号不能放单引号;
             *     
             *     字符串中支持的特殊字符:
             *         \:
             *             在字符串我们可以使用"\"作为转义字符，当表示一些特殊符号时可以使用"\"进行转义。
             *         \':
             *             表示字符串单引号的一侧。
             *         \":
             *             表示字符串双引号的一侧。
             *         \n:
             *             表示换行。
             *         \t：
             *             表示一个制表符。
             *         \\:
             *             表示一共左斜线"\"。
             */
            var tips = "我说:\n\t'祝大家新年快乐'";
            console.log(tips);
        </script>
    </head>
    <body>
    </body>
</html>

2>.浏览器打开以上代码渲染结果

三.Number

1>.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Number</title>
        <script type="text/javascript">
            /**
             *     在JS中所有的数值都是Number类型，包括整数和浮点数(小数)。
             */
            
            //数字3.1415926
            var PI = 3.1415926;
            
            //字符串"3.1415926"
            var PI2 = "3.1415926";
            
            /**
             *     可以使用一个运算符typeof来检查一共变量的类型，语法:"typeof 变量名称"
             */
            console.log(PI,typeof(PI));
            console.log(PI2,typeof(PI2));
            
            /**
             *     JS中可以表示数字的最大值，Number.MAX_VALUE(1.7976931348623157e+308):
             *         如果使用Number表示的数字超过了最大值，则会返回一个Infinity  
             */
            var max = Number.MAX_VALUE;
            var num1 = Number.MAX_VALUE * Number.MAX_VALUE;
            console.log(max,typeof(max));
            console.log(num1,typeof(num1));
            
            /**
             *     JS中可以表示数字的最小值(大于0的最小值，可以理解为最小的正数值)，Number.MIN_VALUE(5e-324):
             *         如果使用Number表示的数字比最小值还要小，则会返回一个-Infinity
             */
            var min = Number.MIN_VALUE;
            var num2 = Number.MIN_VALUE - Number.MAX_VALUE - Number.MAX_VALUE;
            console.log(min,typeof(min));
            console.log(num2,typeof(num2));
            
            /**
             *     NaN也是一共特殊的数字，表示Not A Number
             */
            var res = "function" * "def";
            console.log(res,typeof(res));
            
            /**
             *     在JS中整数运算基本可以保证精确
             */
            var res1 = 131415926 + 5321115;
            console.log(res1);
            
            /**
             *     如果使用JS进行浮点运算，可能得到一共不精确的结果，所以千万不要使用JS对进行曲要求比较高的场景(比如"钱")进行运算。
             */
            var res2 = 1 / 3;
            console.log(res2)
            
        </script>
    </head>
    <body>
    </body>
</html>

2>.浏览器打开以上代码渲染结果

四.布尔值

1>.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>布尔值</title>
        
        <script type="text/javascript">
            /**
             *     Boolean 布尔值只有两个值，主要用来做逻辑判断
             *         true:
             *             表示真
             *         false:
             *             表示假
             *     使用typeof检查一共布尔值时，会返回boolean。
             */
            
            var bool = true;
            
            console.log(bool,typeof(bool))
        </script>
    </head>
    <body>
    </body>
</html>

2>.浏览器打开以上代码渲染结果

五.Null

1>.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Null</title>
        
        <script type="text/javascript">
            /**
             *     Null类型的值就只有一个，就是null。
             *         null这个值专门用来表示一个为空的对象;
             *         使用typeof检查一共null值时，会返回object。
             */
            var res = null;
            console.log(res,typeof(res));
            
        </script>
    </head>
    <body>
    </body>
</html>

2>.浏览器打开以上代码渲染结果

六.Undefined

1>.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Undefined</title>
        <script type="text/javascript">
            /**
             *     Undefined(未定义)类型的值只有一个，就是undefined
             * 
             *     当声明一共变量，但是并不给变量赋值时，它的值就是undefined;
             *     
             *     使用typeof检查一个变量值为undefined时会返回string
             * 
             *     使用typeof检查一个undefined时会返回 undefined
             */
            var name = undefined;
            console.log(name);
            console.log(typeof name);
            console.log(typeof(undefined));
            
        </script>
    </head>
    <body>
    </body>
</html>

2>.浏览器打开以上代码渲染结果

posted @ 2017-03-16 21:13 尹正杰阅读(1029) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

尹正杰

JavaScript基础知识-基本数据类型介绍

公告