初识JS - 技术经验

初识JS

来源：cnblogs　　作者：BoxIn　　时间：2018/10/12 9:39:17　　对本文有异议

　　初入前端，大家都一致追捧一本书，这本被大家称之为红宝书的书，名字叫做《JavaScript高级程序设计》。我的印象中俞敏洪也曾写过一本叫做红宝书的书，以前考研的时候政治也有一本红宝书。既然都被称为红宝书了，那我就从这入门吧，前端大牛多，我这个大龄初生牛犊就来好好跟大家记录一下这本书的笔记，向着大牛的方向追赶下去，希望在不远的几年，也能成长为论坛里别的新手眼中的“大牛”吧。

　　好了，废话到此为止。

　　这本书，前两章是可以不记的，用作浏览。让我们从第三章——语法部分开始。

　　# 数据类型

　　　　用 typeof 操作符查看数据类型。

"undefined" 这个值未定义
"boolean" 这个值是布尔值
"string" 字符串
"number" 数值
"object" 对象或者 null
"function" 函数

　　# 数值转换

　　3个函数可以有此功能

Number() 可以用于任何数据类型
parseInt() 专门用于把字符串转换为数值
parseFloat() 专门用于把字符串转换为数值

一个个的说。

Number（）

先说 Number（），它的转换规则如下

如果是 Boolean 值，true 和 false 将分别被转换为 1 和 0.
如果是数字值，那就只是简单的传入和返回
如果是 null ，返回 0
如果是 undefined ，返回 NaN
如果是字符串，要遵循下面的规则

- 如果字符串中只是包含数字（包括前面带正号或负号的情况），则将其转换为十进制数值，即 “1” 会变成 1， “123” 会变成 123，而 “011” 会变成 11（前面的 0 会被忽略）
- 如果字符串中含有有效的浮点格式，如 “1.1” ，则将其转化为对应的浮点数值
- 如果字符串中包含有效的十六进制格式，例如 “0xf” ，则将其转化为相同大小的十进制整数值
- 如果字符串是空的（不包含任何字符），则将其转化为0
- 如果字符串包含除上述格式之外的字符串，则将其转化为 NaN

　　给个例子

var num1 = Number("Hello world!");  //NaN
var num2 = Number("");              //0
var num3 = Number("000011");        //11
var num4 = Number(true);            //1

parseInt （）

由于呢，Number（）函数在转换字符串时比较复杂，而且不够合理，因此，在处理整数的时候，更常用的是 parseInt () 函数。

parseInt () 在转换字符串时，更多的是看它是否符合数值模式。它会忽略字符串前面的空格，直到找到第一个非空格字符。

如果第一个字符不是数字字符或者符号， parseInt () 就会返回 NaN。如果第一个字符是数字字符，parseInt () 就会继续解析第二个字符，直到解析完所有的后续字符，或者遇到了一个非数字字符。

例如，“1234blue” 会被转换成 1234 , 因为 “blue” 会被忽略。类似的， “22.5” 会被转换成 22，因为小数点不是有效的数字字符。

几个 parseInt （）例子

        var num1 = parseInt("1234blue");    //1234
        var num2 = parseInt("");            //NaN
        var num3 = parseInt("0xA");         //10   八进制
        var num4 = parseInt(22.5);          //22
        var num5 = parseInt("70");          //70   十进制
        var num6 = parseInt("0xf");         //15   十六进制

parseFloat （）

和上面的 parseInt () 类似。

        var num1 = parseFloat("1234blue");    //1234 - integer
        var num2 = parseFloat("0xA");         //0
        var num3 = parseFloat("22.5");        //22.5
        var num4 = parseFloat("22.34.5");     //22.34
        var num5 = parseFloat("0908.5");      //908.5
        var num6 = parseFloat("3.125e7");     //31250000

toString （）

转换为字符串

要把一个值转换为一个字符串，有两个办法。

1. 使用几乎每个值都有的 toString （）方法，该方法要做的是返回相应值的字符串表现。

        var age = 11;
        var ageAsString = age.toString();    //the string "11"
        var found = true;
        var foundAsString = found.toString(); //the string "true"

数值、布尔值、对象、字符串值，都有 toString() 方法。但 null 和 undefined 值没有这个方法。

多数情况下，调用 toString() 方法不必传播参数。但是，在调用数值的 toString() 方法时，可以传递 “输出数值的基数” 为参数。

　　例如

1         var num = 10;
2         alert(num.toString());       //"10"
3         alert(num.toString(2));      //"1010"
4         alert(num.toString(8));      //"12"
5         alert(num.toString(10));     //"10"
6         alert(num.toString(16));     //"a"

通过制定的基数，可以改变 toString() 输出的值

String ()

能够将任何类型的值转换为字符串。包括 null 或 undefined。

规则如下

- 如果值有 toString() 方法，则调用该方法（没有参数）并返回相应的结果
- 如果值是 null ,就返回 “null”
- 如果值是 undefined ,就返回 “undefined”

1         var value1 = 10;
2         var value2 = true;
3         var value3 = null;
4         var value4;
5         
6         alert(String(value1));     //"10"
7         alert(String(value2));     //"true"
8         alert(String(value3));     //"null"
9         alert(String(value4));     //"undefined"