美文网首页
JavaScript入门（二）

JavaScript入门（二）

作者: 暴走的金坤酸奶味 | 来源:发表于2018-09-13 22:45 被阅读0次

标识符

  • 在JS中所有的可以由我们自主命名的都可以称为是标识符
  • 例如：变量名、函数名、属性名都属于标识符
  • 命名一个标识符时需要遵守如下的规则：
    1.标识符中可以含有字母、数字、_、$
    2.标识符不能以数字开头
    3.标识符不能是ES中的关键字或保留字
    4.标识符一般都采用驼峰命名法
  • 首字母小写，每个单词的开头字母大写，其余字母小写helloWorld xxxYyyZzz
  • JS底层保存标识符时实际上是采用的Unicode编码，所以理论上讲，所有的utf-8中含有的内容都可以作为标识符
  • 千万不要用中文

关键字和保留字符

关键字

image.png

保留字符

image.png

其他不建议使用的标识符

image.png

变量

  • 变量的作用是给某一个值或对象标注名称。
  • 比如我们的程序中有一个值123，这个值我们是需要反复使用的，这个时候
  • 我们最好将123这个值赋值给一个变量，然后通过变量去使用123这个值。
  • 变量的声明：
  • 使用var关键字声明一个变量。
  • var a;
  • 变量的赋值：
  • 使用=为变量赋值。
  • a=123;
  • 声明和赋值同时进行：
  • var a = 123;

数据类型

  • 数据类型决定了一个数据的特征，比如：123和”123”，直观上看这两个数据都是123，但实际上前者是一个数字，而后者是一个字符串。
  • 对于不同的数据类型我们在进行操作时会有很大的不同。
  • JavaScript中一共有5种基本数据类型：
  • 字符串型（String）
  • 数值型（Number）
  • 布尔型（Boolean）
  • null型（Null）
  • undefined型（Undefined）
  • 这5种之外的类型都称为Object，所以总的来看JavaScript中共有六种数
    据类型。

typeof运算符

  • 使用typeof操作符可以用来检查一个变量的数据类型。
  • 使用方式：typeof 数据，例如 typeof 123。
  • 返回结果：
  • typeof 数 值 number
  • typeof 字符串 string
  • typeof 布尔型 boolean
  • typeof undefined undefined
  • typeof null object

String

  • String用于表示一个字符序列，即字符串。
  • 字符串需要使用 ’或 ”括起来。

  • 转义字符：


    image.png
  • 将其他数值转换为字符串有三种方式：toString()、String()、 拼串(+)。

Number


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Number</title>
    <script type="text/javascript">
        /*
        在JS中所有的数值都是Number类型，
            包括整数和浮点数（小数）
        JS中可以表示的数字的最大值
            Number.MAX_VALUE
                1.7976931348623157e+308
            Number.MIN_VALUE 大于0的最小值
                5e-324

            如果使用Number表示的数字超过了最大值，则会返回一个
                Infinity 表示正无穷
                -Infinity 表示负无穷
                使用typeof检查Infinity也会返回number
        NaN 是一个特殊的数字，表示Not A Number
            使用typeof检查一个NaN也会返回number
        */
        //数字123
        var a = 123;
        //字符串123
        var b = "123";
        
        /*
        可以使用一个运算符 typeof 来检查一个变量的类型
        语法：typeof 变量    
            检查字符串时，会返回string
            检查数值时，会返回number
        */
        // console.log(typeof a);

        a = Number.MAX_VALUE * Number.MAX_VALUE;
        a = Infinity;
        a = "abc" * "bcd";
        a = NaN;
        // console.log(typeof a);

        a = Number.MIN_VALUE;
        // console.log(a);

        /*在JS中整数的运算基本可以保证精确*/
        var c = 123456789 + 987654321;

        /*
        如果使用JS进行浮点运算，可能得到一个不精确的结果
        所以千万不要使用JS进行对精确度要求比较高的运算
        */
        c = 0.1 + 0.2;
        console.log(c);
    </script>
</head>
<body>

</body>
</html>

Boolean(布尔型)

  • 布尔型也被称为逻辑值类型或者真假值类型。
  • 布尔型只能够取真（true）和假（false）两种数值。除此以外， 其他的值都不被支持。

  • 其他的数据类型也可以通过Boolean()函数转换为布尔类型


    image.png

Undefined

  • Undefined 类型只有一个值，即特殊的 undefined 。
  • 在使用 var 声明变量但未对其加以初始化时，这个变量的值就 是 undefined。例如：
  • var message;
  • message 的值就是 undefined。
  • 需要注意的是typeof对没有初始化和没有声明的变量都会返回
    undefined。

Null

  • Null 类型是第二个只有一个值的数据类型，这个特殊的值是null 。
  • 从语义上看null表示的是一个空的对象。所以使用typeof检查null会返回一个Object。
  • undefined值实际上是由null值衍生出来的，所以如果比较
  • undefined和null是否相等，会返回true；

强制类型转换


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>强制类型转换</title>
    <script type="text/javascript">
        /*
        强制类型转换
            - 指将一个数据类型强制转换为其他的数据类型
            - 类型转换主要指，将其他的数据类型，转换为
                String Number Boolean
        */
        /*
        将其他的数据类型转换为String
        方式一：
            - 调用被转换数据类型的toString()方法
            - 该方法不会影响到原变量，它会将转换的结果返回
            - 但是注意：null和undefined这两个值没有toString()方法，如果调用他们的方法，会报错
        方式二：
            - 调用String()函数，并将被转换的数据作为参数传递给函数
            - 使用String()函数做强制类型转换时，
                对于Number和Boolean实际上就是调用的toString()方法
                但是对于null和undefined，就不会调用toString()方法
                它会将 null 直接转换为 "null"
                将 undefined 直接转换为 "undefined"
        */
        var a = 123;

        //调用a的toString()方法
        //调用xxx的yyy()方法，就是xxx.yyy()
        a = a.toString();

        a = true;
        a = a.toString();

        a = null;
        //a = a.toString(); //报错

        a = undefined;
        //a = a.toString(); //报错

        a = 123;
            
        //调用String()函数，来将a转换为字符串
        a = String(a);

        a = null;
        a = String(a);
        
        a = undefined;
        a = String(a);

        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>转换为Number</title>
    <script type="text/javascript">
        /*
        将其他的数据类型转换为Number
        转换方式一：
            使用Number()函数
                - 字符串 --> 数字
                    1.如果是纯数字的字符串，则直接将其转换为数字
                    2.如果字符串中有非数字的内容，则转换为NaN
                    3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
                - 布尔 --> 数字
                    true 转成 1
                    false 转成 0
                - null --> 数字 0
                - undefined --> 数字 NaN
        
        转换方式二：
            - 这种方式专门用来对付字符串
            - parseInt() 把一个字符串转换为一个整数
            - parseFloat() 把一个字符串转换为一个浮点数
        */
        var a = "123";

        //调用Number()函数来将a转换为Number类型
        a = Number(a);

        a = "789abc";
        a = Number(a);

        a = "";
        a = Number(a);

        a = "      ";
        a = Number(a);

        a = true;
        a = Number(a);

        a = false;
        a = Number(a);

        a = null;
        a = Number(a);

        a = undefined;
        a = Number(a);

        a = "123.567a456px";
        //调用parseInt()函数将a转换为Number
        //parseInt()可以将一个字符串中的有效的整数内容去出来，然后转换为Number
        a = parseInt(a);

        // parseFloat()作用和parseInt()类似，不同的是它可以获得有效的小数
        a = "123.456.789px";
        a = parseFloat(a);

        //如果对非String使用parseInt()或parseFloat()，它会先将其转换为String然后在操作
        a = true;
        a = parseInt(a);

        a = 198.23;
        a = parseInt(a);

        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>转换为Boolean</title>
    <script type="text/javascript">
        /*
        将其他的数据类型转换为Boolean
            使用Boolean()函数
                - 数字 ---> 布尔
                    - 除了0和NaN，其余的都是true
                - 字符串 ---> 布尔
                    - 除了空串，其余的都是true
                - null和undefined都会转换为false
                - 对象也会转换为true
        */      
        var a = 123; //true
        a = -123; //true
        a = 0; //false
        a = Infinity; //true
        a = NaN; //false
        
        //调用Boolean()函数来将a转换为布尔值
        a = Boolean(a);

        a = "hello";//true
        a = "true";//true
        a = "false";//true
        a = "错误";//true
        a = " ";//true
        a = "";//false
        a = Boolean(a);
        
        a = null; //false
        a = Boolean(a);
        
        a = undefined; //false
        a = Boolean(a);
        
        a = window; //true
        a = Boolean(a);
        
        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>转换为Number</title>
    <script type="text/javascript">
        /*
        将其他的数据类型转换为Number
        转换方式一：
            使用Number()函数
                - 字符串 --> 数字
                    1.如果是纯数字的字符串，则直接将其转换为数字
                    2.如果字符串中有非数字的内容，则转换为NaN
                    3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
                - 布尔 --> 数字
                    true 转成 1
                    false 转成 0
                - null --> 数字 0
                - undefined --> 数字 NaN
        
        转换方式二：
            - 这种方式专门用来对付字符串
            - parseInt() 把一个字符串转换为一个整数
            - parseFloat() 把一个字符串转换为一个浮点数
        */
        var a = "123";

        //调用Number()函数来将a转换为Number类型
        a = Number(a);

        a = "789abc";
        a = Number(a);

        a = "";
        a = Number(a);

        a = "      ";
        a = Number(a);

        a = true;
        a = Number(a);

        a = false;
        a = Number(a);

        a = null;
        a = Number(a);

        a = undefined;
        a = Number(a);

        a = "123.567a456px";
        //调用parseInt()函数将a转换为Number
        //parseInt()可以将一个字符串中的有效的整数内容去出来，然后转换为Number
        a = parseInt(a);

        // parseFloat()作用和parseInt()类似，不同的是它可以获得有效的小数
        a = "123.456.789px";
        a = parseFloat(a);

        //如果对非String使用parseInt()或parseFloat()，它会先将其转换为String然后在操作
        a = true;
        a = parseInt(a);

        a = 198.23;
        a = parseInt(a);

        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>

其他进制数


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>其他进制的数字</title>
    <script type="text/javascript">
        var a = 123;
            
        /*
        在js中，如果需要表示16进制的数字，则需要以0x开头
            如果需要表示8进制的数字，则需要以0开头
            如果要要表示2进制的数字，则需要以0b开头，但是不是所有的浏览器都支持
        */
        
        //十六进制
        a = 0x10;
        a = 0xff;
        a = 0xCafe;
        
        //八进制数字
        a = 070;
        
        //二进制数字
        //a = 0b10;
        
        //像"070"这种字符串，有些浏览器会当成8进制解析，有些会当成10进制解析
        a = "070";
        
        // a = parseInt(a);
        //可以在parseInt()中传递一个第二个参数，来指定数字的进制
        a = parseInt(a,10);
        
        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>

相关文章

网友评论

      本文标题：JavaScript入门（二）

      本文链接：https://www.haomeiwen.com/subject/wcvggftx.html

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读

      关于我们|服务条款|联系我们|JavaScript入门（二）|投稿指南|网站地图|RSS订阅|排版工具|手机版

      提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

      Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

      备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

      本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

      所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！