js基础知识（一）

---

前言

JavaScript是 基于对象和事件驱动，运行在浏览器客户端的脚本语言。在前端的学习中，js是非常重要的，所以我用文章来记录我所学习的js。

---

一、js的组成？

组成部分

• ECMASCRIPT ： 定义了javascript的语法规范,描述了语言的基本语法和数据类型
• BOM （Browser Object Model）： 即浏览器对象模型。
  浏览器对象模型,通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等
• DOM (Document Object Model) ：文档对象模型,一套操作页面元素的API,DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作

二、变量（重点）

1.变量的概念

变量是用来储存数据的容器，可以通过变量名称来获取内存中的数据。

var 变量名称 = 变量值;
//示例
var n = 2;

2.定义变量以及赋值

定义变量：

定义变量
	var 变量名;
	var num;
赋值
	var 变量名 = 值;
	var num = 2;

---

三、数据类型（重点）

1.数据类型的概念

数据类型：指的是变量的数据类型。数据类型分为简单数据类型，复杂数据类型。

2.简单数据类型

简单数据类型分为（number，string，boolean，null，undefined）

数值类型（number）：
所有的数字都属于数值类型
var num1 = 10;//十进制表示
var num2 = 0xA;//十六进制表示（以 0x 开头 0到9之间的数字，a(A)-f(F)之间字母构成。 a-f对应的数字是10-15）
var num = 07;//八进制直接以数字0开始，有0-7之间的数字组成。[0,1,2,3,4,5,6,7]

字符类型（string）：
字符串可以是引号中的任意文本。可以使用单引号或双引号
	如果数据是字母，符号，汉字，这些都是字符串类型，字符串类型的就要加引号.
	不管是什么数据如果用引号包含就变成字符串类型.
var strMsg = 'I'm the GOD of my world ~!';   //输出：I'm the GOD of my world ~!
var strMsg2 = "I"m the GOD of my world ~!";  //输出：I"m the GOD of my world ~!
var strMsg3 = '反斜杠是这个 \！';

布尔类型（boolean）：
true（真）and false（假）

null（空类型）
undefined类型

2.获取数据类型

想要获取数据类型，可以使用typeof变量，就能得到对应变量的数据类型。例如：

 var n1 = 123;
		console.log(typeof n1);
		var n2 = '123';
		console.log(typeof n2);
		var n3 = true;
		console.log(typeof n3);

这样就可以看到三个变量输出的数据类型。
n1的数据类型为 number，n2的数据类型为string，n3的数据类型为boolean。

3.数据类型转换

转数值类型【Number，parseInt，parseFloat】
Number(变量)：
总结：
1. 可以通过该方法将数据类型转换为数值类型
2. 在转换的过程中可以将原来的值保留，遇到小数直接保留下来，不会舍去
3. 如果变量无法转换为数值类型，那么返回的结果是NaN； 对应的数据类型依然是数值类
4. 如果将布尔类型转换为数值类型，true 转化后的结果是 1 false 转化后的结果是0

      NaN：not a number【number类型】

☞ parseInt(变量) 取整

  	var num1 = parseInt("12.3abc");  // 返回12，如果第一个字符是数字会解析知道遇到非数字结束
    var num2 = parseInt("abc123");   // 返回NaN，如果第一个字符不是数字或者符号就返回NaN
    备注：
        1  只会保留整数部分，通过该方式进行数据类型转换后得到就是一个整数
        2. 如果一个变量中的值无法转换为具体数字，那么返回的结果是一个 NaN 的值
        3. NaN (not  a  number)   ----NaN对应的数据类型是数值类型
        4. 通过该方法可以将其他数据类型转为数值类型

☞ parseFloat(变量) 取浮点
总结：
1. 通过该方法可以将其他数据类型转换为数值类型
2. 在转换过程中，如果遇到小数，那么会直接将小数部分保留
3. 如果转化不成功过，返回的结果NaN

转字符串类型【n.toString，String(n)】

☞  变量.toString()
 		var num = 5;
		console.log(num.toString());

☞  String(变量)

n.toString();
String(n)
备注：
		String()函数存在的意义：有些值没有toString()，这个时候可以使用String()。
		比如：undefined和null

转布尔类型Booleab(n)

☞ Boolean(n) 
 备注： 
 	 非0  非 “”  非特殊值   都为true
	 0  |''(空字符串) | null | undefined | NaN  会转换成false  其它都会转换成 true

总结

学习总是枯燥无味，但还是给自己打个气吧，加油！！！