（JavaScript）前端小白还没学JS吗？跟着本文开启JS的旅程吧！（一）：字面量与变量、数据类型与类型转换；将任意类型转为String、Number、Boolean类型；

凉凉心.

发布于 2025-10-13 17:32:55

1760

文章被收录于专栏：CSDN专栏CSDN专栏

JavaScript 字面量与变量

字面量

字面量：指的是一些不可以改变的值

例如：1 3 5 6

字面量都是可以直接使用。但是我们一般都不会直接使用字面量

变量：

变量可以用来保存字面量，而且变量的值是可以任意改变的。

变量更加方便我们使用，所以在发开中都是通过变量去保存字面量变量的声明：通过var 关键字声明

变量的值具有以下特点：

动态性 - 程序运行期间可以多次改变
类型灵活性 - 同一变量可以存储不同类型的数据
作用域限制 - 只在定义它的代码块中有效

JavaScript 标识符

在JS中所有的可以由我们自主命名的都可以称为是标识符
例如：变量名函数名属性名都属于标识符
命名一个标识符是需要遵守如下规则： 1.标识符中可以含有字母、数字、_(下划线)、$ 2.标识符不能以数字开头 3.标识符不能使用ES中的关键字与保留字 4.标识符一般都采用驼峰写法 -首字母小写，每个单词的开头字母大写，其余部分小写例如：小驼峰 helloWorld 大驼峰HelloWorld
JS底层保存标识符时实际采用的是Unicode编码所以理论上将，所有的utf-8中含有的内容都可以作为标识符（特别注意：其中包括了中文，中文可以作为标识符，但是千万不要这么使用）

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>01_JavaScript字面量与变量</title>
</head>

<body>
<script>
	var num=12;
	//var 变量=12312;//不建议这么写
</script>
</body>
</html>

数据类型

数据类型就是字面量的类型在JS中一共有6中数据类型

String 字符串
Number 数值
Boolean 布尔值 true/false
Null 空值
Undifined 未定义
Object 对象
Array 数组
Set
Map 其中基本数据类型：String Number Boolean Null Undifined 引用数据类型：Object

String字符串

/* 2.1 String 字符串
- 在JS中字符串需要使用引号引起来
- 使用单引号或双引号都可以，但是最好不要混用
- 注意引号的嵌套问题，
*/
var str="hello world";
var str1='hello world';
//	var ele="<div class=\"box\"><div>";
// \作为转义字符
/*在字符串我们可以使用\作为转义字符，当表示一些特殊符号的使用可以使用\进行转义
	- \" 表示"
	- \' 表示'
	- \n 表示换行
	- \t 制表符
*/
var ele='<div class="box"><div>';
console.log(ele);

Number数值类型

/* 2.2 Number 数值类型 
- 在JS中所有的数值都是Number类型，包括了整数、浮点数(小数)
- 拓展部分：如果使用Number表示的数字超过了最大值，则会返回一个
    Infinity  表示正无穷大
	-Infinity 表示负无穷大
	使用typeof检查Infinity也会返回Number
	
	Number.MAX_VALUE 表示数值的最大值 1.7976931348623157e+308
	
*/
var a=123.45;
var b="123.45";
console.log(a);
console.log(b);
/*可以使用一个运算符 typeof来检查一个变量类型
  - 语法：typeof 变量
*/
console.log(typeof a);
console.log(typeof b);
var max=Number.MAX_VALUE;
console.log(max);
console.log(-max*max);
var min=Number.MIN_VALUE;
console.log(min);

Boolean布尔值

/* 2.3 Boolean 布尔类型
	布尔值只有2个，主要用来做逻辑判断
	- true 表示真
	- false 表示假
*/	
var bl=false;

Null值

/* 2.4 Null(空值)类型的值只有一个，就是null
	null这个值专门用来表示一个空对象
	使用typeof检查一个null值时，返回一个object
*/	
var btn=document.getElementById("btn");
console.log(typeof btn);

Undefined 类型

/* 2.5 Undefined(未定义)的值只有一个，undefined
	- 声明一个变量但是未给变量赋值时，它的值就是undefined
*/	
var c;
console.log(c);

类型转换

强制类型转换

指的是将一个数据类型强制转换为其他的数据类型
类型转换主要指，将其他的数据类型转换为 String Number Boolean

将其他的数据类型转换为String类型

方法一：

调用被转换数据类型的toString()方法
该方法不会影响原变量，它会将转换的结果返回
注意：null和undefined这两个值没有toString()方法，如果调用该方法程序会报错

var a=123;//数值类型-》字符串类型
var b=a.toString();
a=false;//布尔类型-》字符串类型
b=a.toString();	
//	a=undefined;
//	b=a.toString();
//	console.log(typeof a);
//	console.log(typeof b);

方法二：

调用String()函数，并将被转换的数据作为参数传递给函数
使用String()函数做强制类型转换时，对于Number Boolean实际上是调用的toString()方法但是对于null和undefined，就不会调用toString()方法它会将null直接准换为"null"（字符串）它会将undefined直接准换为"undefined"（字符串）

var c=123;
var d=String(c);
c=undefined;
d=String(c);
//	console.log(typeof c);//number
//	console.log(typeof d);//string
//	console.log(c);
//	console.log(d);

将其他类型转换为Number 类型

使用Number()函数

字符串–>数字 1.如果是纯数字的字符串，则可以直接转换为数字 2.如果字符串中有非数字的内容，则转换为NaN 3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
布尔值–>数字 true准换为1 false转换为0
null–>数字 0
undefined–>数字 NaN

var num="123";
console.log(typeof num);
var a=Number(num);
console.log(typeof a);//数值 123

num="123sdfsdf";
a=Number(num);
console.log(a);//NaN

num="     ";
a=Number(num);//0
console.log(a);

var bl=false;
bl=Number(bl);
console.log(bl);//1

var c=null;
c=Number(c);
console.log(c);//0

c=undefined;
c=Number(c);
console.log(c);//NaN

其他方式

第二种方式：

这种方式专门用来对付字符串类型
parseInt() 把一个字符串转换为一个整数

var num="123.34px";
/*parseInt()可以将一个字符串中的有效整数内容取出来
	然后转换为Number
*/
//	num=parseInt(num);
//	console.log(num);
/* parseFloat()与parseInt()类似，但是不同的是它可以获取有效的小数*/
num= parseFloat(num);
console.log(num);

var bl=false;
bl=parseInt(bl);
console.log(bl);

将其他类型转换为Boolean类型

使用Boolean()函数

数字 -->布尔 除了0和NaN是false,其余的全部都是true
字符串–>布尔除了空串是false,其余的全部都是true
null 和undefined都会转换为false
对象也会转换为true

//	console.log(typeof NaN);//number
var a=123.123;
a=Boolean(a);
console.log(a);
a=0;
a=Boolean(a);
console.log(a);
a=NaN;
a=Boolean(a);
console.log(a);

var str="234df";
str=Boolean(str);
console.log("字符串类型转换为布尔值"+str);	//true
str="";
str=Boolean(str);
console.log("空字符串转换为布尔值"+str);//false

var e=undefined;
e=Boolean(e);
console.log(e);//false

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2025-07-05，如有侵权请联系 cloudcommunity@tencent.com 删除

string