8.4 JavaScript（一）

参考链接：http://how2j.cn/k/javascript/javascript-javascript-tutorial/519.html

一、JavaScript是什么

JavaScript用于网页和用户之间的交互，eg：比如提交的时候，进行用户名是否为空的判断。

完整的javascript由语言基础、BOM、DOM三部分组成。

javascript代码必须放在script标签中 script标签可以放在html的任何地方，一般建议放在head标签里

javascript都是放在script标签中的，一旦加载，就会执行、如果有多段script代码，会按照从上到下，顺序执行（不换行）

可以采用和css一样的手段，把javascript代码剥离出来，单独放在一个文件里，在html中引用该文件即可。

  <script src="http://how2j.cn/study/hello.js"></script>

二、JavaScript的语言基础

2.1 document是javascript的内置对象，代表浏览器的文档部分，document.write("Hello Javascript"); 向文档写入字符串

2.2 JavaScript相关注释、// 单行注释、/*  .. */ 多行注释

2.3 使用var声明一个变量、开头可以用 _$和字母 、其他部分可以用 $ _ 字母或者数字

<script>
  var x = 10;
  document.write("变量x的值:"+x);
</script>

2.4 JS的七大基本数据类型

1. undefined：当一个变量被声明了，却没有赋值的时候，叫做 undefined
2. Boolean：Boolean变量有两种值，分别是true或者false
3. Number：javascript中的Number可以表示十进制，八进制，十六进制整数，浮点数，科学记数法
4. String：与java不同的是，javascript中没有字符的概念，只有字符串，所以单引号和双引号，都用来表示字符串。
5. Array：集合
6. object：对象
7. null：空对象/对象不存在

var变量的类型是动态的，当值是整数的时候，就是Number类型，当值是字符串的时候，就是String类型

判断x元素的类型:+typeof x

2.5 基本类型转换

javascript是一门很有意思的语言，即便是基本类型，也是伪对象，所以他们都有属性和方法。变量a的类型是字符串，通过调用其为伪对象的属性length获取其长度

1. 转换成字符串：无论是Number,Boolean还是String都有一个toString方法，用于转换为字符串
2. 数字变为字符串：Number转换为字符串的时候有默认模式a.toString()，10进制和基模式自己决定几进制两种。
3. 转换为数字：javascript分别提供内置函数 parseInt()和parseFloat()，被转换的字符串，同时由数字和字符构成，那么parseInt会一直定位数字，直到出现非字符。
4. 使用内置函数Boolean() 转换为Boolean值，当转换字符串时：非空即为true
   当转换数字时：非0即为true；当转换对象时；非null即为true

Number()和parseInt()一样，都可以用来进行数字的转换
区别在于，当转换的内容包含非数字的时候，Number() 会返回NaN(Not a Number)、parseInt() 要看情况，如果以数字开头，就会返回开头的合法数字部分

String()和toString()的区别？

String()和toString()一样都会返回字符串，区别在于对null的处理
String()会返回字符串"null"
toString() 就会报错，无法执行

2.5 调试的几种方法

1. alert(1)会弹出一个对话框，里面的内容是1。换句话说，如果弹出了1,这个位置以上的代码，都是可以运行的。
2. 点击快捷键F12，就会出现console页面。
3. 类似于 alert进行调试， firebug有一个日志输出工具console.log()

三、函数

函数即一段可以重复使用的代码

<script>
function print(message){
  document.write(message);
}
print("第一句话");
print("<br>");
print("第二句话");
</script>

在函数内的参数为局部参数、在函数外的为全局参数

四、JavaScript的内置对象（需要new）

JavaScript中的对象是有着属性和方法的一种特殊数据类型。

1. Number，
2. 字符串String，
3. 日期Date，
4. 数组Array。
5. Math，算数常用方法