还是大剑师兰特:曾是美国某知名大学计算机专业研究生,现为航空航海领域高级前端工程师;CSDN知名博主,GIS领域优质创作者,深耕openlayers、leaflet、mapbox、cesium,canvas,webgl,echarts等技术开发,欢迎加底部微信(gis-dajianshi),一起交流。
No. | 内容链接 |
---|---|
1 | Openlayers 【入门教程】 - 【源代码+示例300+】 |
2 | Leaflet 【入门教程】 - 【源代码+图文示例 150+】 |
3 | Cesium 【入门教程】 - 【源代码+图文示例200+】 |
4 | MapboxGL【入门教程】 - 【源代码+图文示例150+】 |
5 | 前端就业宝典 【面试题+详细答案 1000+】 |
文章目录
一、基本数据类型(Primitive Types)二、引用数据类型(Reference Types)三、注意事项
JavaScript具有动态类型,这意味着变量的类型可以在运行时改变。JavaScript主要有以下几种数据类型:
一、基本数据类型(Primitive Types)
字符串(String):任何文本,可以用单引号(’ ')或双引号(" ")包围。
let str = 'Hello, World!';
数字(Number):整数或浮点数。
let num = 42;let floatNum = 3.14;
布尔值(Boolean):只有两个值,true
或 false
。
let boolTrue = true;let boolFalse = false;
undefined:表示变量已被声明但未被赋值。
let unassignedVar;console.log(unassignedVar); // 输出 undefined
null:表示一个空值或无值。
let emptyValue = null;
Symbol(ES6引入):唯一且不可变的数据类型,主要用作对象的键。
let uniqueSymbol = Symbol();
BigInt(ES2020引入):用于存储大于Number.MAX_SAFE_INTEGER
的整数。
let bigInt = 9007199254740992n; // 注意结尾的'n'
二、引用数据类型(Reference Types)
对象(Object):无序属性的集合,属性可以是任意数据类型。
let obj = { key: "value", anotherKey: 42 };
数组(Array):有序的元素集合,元素可以是任意数据类型。
let arr = [1, "text", true];
函数(Function):JavaScript的一等公民,可以作为变量或对象的属性。
function sayHello(name) { console.log("Hello, " + name + "!");}
三、注意事项
类型转换:JavaScript会自动进行类型转换,比如在比较不同类型时,这可能导致非直观的结果,应谨慎处理。NaN:Not-a-Number,是一个特殊的Number类型值,用于表示不是一个数字的值。类型检测:推荐使用typeof
操作符检测基本类型,但对于Object,包括数组和函数,使用Array.isArray()
或instanceof
来精确判断更佳。空值合并运算符(??):ES2020引入,用于返回第一个非null和非undefined的值,例如 let result = maybeNull ?? "default";
可选链(?.):ES2020引入,安全地访问深层嵌套的属性,避免因中间属性不存在而导致的错误,如 let value = obj?.property?.subProperty;
理解并熟练运用JavaScript的数据类型,是进行高效和安全编程的基础。