今天完成的事情：

 1.   完成了任务十五的微调并且提交审核。

 2.   开始学习JS任务，做好准备工作。

 3.  准备开始小课堂，制作完成PPT。

 4.掌握js 字符串转换成数字的三种方法。

 5.了解了JS的基础类型和引用类型。

明天计划的事情：

   准备休息一天重置一下状态

  遇到的问题：

    CSS的任务已经进入到最后一个部分，不管是导航栏还是轮播图已经完成独立制作，暂时没有遇到问题。

   在做JS的准备任务时候，查询了相关资料和相关视频。

   学习到了JS字符串转换成为数字的三种方法。

   方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。

1. 转换函数：

js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。

一些示例如下：

复制代码 代码如下:

parseInt("1234blue"); //returns 1234

parseInt("0xA"); //returns 10

parseInt("22.5"); //returns 22

parseInt("blue"); //returns NaN

parseInt()方法还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的，示例如下：

复制代码 代码如下:

parseInt("AF", 16); //returns 175

parseInt("10", 2); //returns 2

parseInt("10", 8); //returns 8

parseInt("10", 10); //returns 10

如果十进制数包含前导0，那么最好采用基数10，这样才不会意外地得到八进制的值。例如：

复制代码 代码如下:

parseInt("010"); //returns 8

parseInt("010", 8); //returns 8

parseInt("010", 10); //returns 10

parseFloat()方法与parseInt()方法的处理方式相似。

使用parseFloat()方法的另一不同之处在于，字符串必须以十进制形式表示浮点数，parseFloat()没有基模式。

下面是使用parseFloat()方法的示例：

复制代码 代码如下:

parseFloat("1234blue"); //returns 1234.0

parseFloat("0xA"); //returns NaN

parseFloat("22.5"); //returns 22.5

parseFloat("22.34.5"); //returns 22.34

parseFloat("0908"); //returns 908

parseFloat("blue"); //returns NaN

2. 强制类型转换

还可使用强制类型转换（type casting）处理转换值的类型。使用强制类型转换可以访问特定的值，即使它是另一种类型的。

ECMAScript中可用的3种强制类型转换如下：

Boolean(value)——把给定的值转换成Boolean型；

Number(value)——把给定的值转换成数字（可以是整数或浮点数）；

String(value)——把给定的值转换成字符串。

用这三个函数之一转换值，将创建一个新值，存放由原始值直接转换成的值。这会造成意想不到的后果。

当要转换的值是至少有一个字符的字符串、非0数字或对象（下一节将讨论这一点）时，Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null，它将返回false。

可以用下面的代码段测试Boolean型的强制类型转换。

复制代码 代码如下:

Boolean(""); //false – empty string

Boolean("hi"); //true – non-empty string

Boolean(100); //true – non-zero number

Boolean(null); //false - null

Boolean(0); //false - zero

Boolean(new Object()); //true – object

Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，只是它转换的是整个值，而不是部分值。示例如下：

复制代码 代码如下:

用　　法 结　　果

Number(false) 0

Number(true) 1

Number(undefined) NaN

Number(null) 0

Number( "5.5 ") 5.5

Number( "56 ") 56

Number( "5.6.7 ") NaN

Number(new Object()) NaN

Number(100) 100

最后一种强制类型转换方法String()是最简单的，示例如下：

复制代码 代码如下:

var s1 = String(null); //"null"

var oNull = null;

var s2 = oNull.toString(); //won't work, causes an error

3. 利用js变量弱类型转换

举个小例子，一看，就会明白了。

复制代码 代码如下:

<script>

var str= '012.345 ';

var x = str-0;

x = x*1;

</script>

两种类型：

1.   ECMAScript变量包含两种不同类型的值：基本类型值、引用类型值；

2.   基本类型值：指的是保存在栈内存中的简单数据段；

3.   引用类型值：指的是那些保存在堆内存中的对象，意思是，变量中保存的实际上只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象；

两种访问方式：

4.   基本类型值：按值访问，操作的是他们实际保存的值；

5.   引用类型值：按引用访问，当查询时，我们需要先从栈中读取内存地址，然后再顺藤摸瓜地找到保存在堆内存中的值；

两种类型复制

1.   基本类型变量的复制：从一个变量向一个变量复制时，会在栈中创建一个新值，然后把值复制到为新变量分配的位置上；

1.   引用类型变量的复制：复制的是存储在栈中的指针，将指针复制到栈中未新变量分配的空间中，而这个指针副本和原指针执行存储在堆中的同一个对象；

2. 复制操作结束后，两个变量实际上将引用同一个对象；因此改变其中的一个，将影响另一个；

函数参数的传递：

1.   ECMA中所有函数的参数都是按值传递的；

两种变量类型检测

1.   Typeof操作符是检测基本类型的最佳工具；

2.   如果变量值是nul或者对象，typeof 将返回“object”；

3.   Instanceof用于检测引用类型，可以检测到具体的，它是什么类型的实例；

4.   如果变量是给定引用类型的实例，instanceof操作符会返回true;

   收获：

   在完成CSS任务后开始学习JS，JS是一门新的语言，

   今天初步了解了JS的基础类型和引用类型和初步掌握js 字符串转换成数字的三种方法。