文章目录
- 前言
- 一、js的组成?
- 二、变量(重点)
- 1.变量的概念
- 2.定义变量以及赋值
- 三、数据类型(重点)
- 1.数据类型的概念
- 2.简单数据类型
- 2.获取数据类型
- 3.数据类型转换
- 总结
前言
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
总结
学习总是枯燥无味,但还是给自己打个气吧,加油!!!