JavaScript系列从入门到精通系列第十三篇:JavaScript中基本数据类型和引用数据类型,创建对象的两种方式

一:基本数据类型与引用数据类型

基本数据类型:String Number Boolean Null Undefined

引用数据类型:Object

我们的内存分成了两大块,一是栈内存二是堆内存。变量都是保存到栈内存中,var a = 123;

a和123都在栈空间,var a = new Object();a在栈空间和Object在堆空间,引用数据类型中如果多个变量引用一个对象,对象属性改变之后,所有的变量中的值都改变。

new用于创建对象,表示会在内存中开辟新的区域。每创建一个对象都会在堆空间中开辟一个空间。对应的空间地址类似于0x1234这样的数据。

二:对象创建方式

1:经典创建对象方式

javascript 复制代码
var obj = new Object();

这样写有问题,比较复杂。

2:字面量创建对象

javascript 复制代码
var obj = {};

这样与上述表示方式是一模一样,更加省事而已。使用这种方式,我们甚至可以直接添加属性。

javascript 复制代码
var obj2 = {name:"猪八戒",age:28};

为了表示更清楚,我们经常这么写。

javascript 复制代码
var obj2 = {

    name:"猪八戒",
    age:28,
    gender:"男"
};

对象字面量的属性名可以加引号或者不加引号都行。但是如果使用特殊名字,必须加引号。属性名和属性值之间。

javascript 复制代码
var obj2 = {

    name:"猪八戒",
    age:28,
    gender:"男",
    "@#$%%%%":"悟空",
    test:{"name","你的宝宝"}
};

这种方式用的多一点,但是我们实际开发过程中两个要都会用。

相关推荐
木井巳1 分钟前
【多线程】常见的锁策略及 synchronized 的原理
java·开发语言
wuhen_n1 分钟前
响应式图片的工程化实践:srcset与picture
前端·javascript·vue.js
代码改善世界3 分钟前
【C++初阶】类和对象(二):默认成员函数详解与日期类完整实现
开发语言·c++
专注VB编程开发20年4 分钟前
VS2026调试TS用的解析/运行引擎:确实是 ChakraCore.dll(微软自研 JS 引擎)
开发语言·javascript·microsoft
wuhen_n4 分钟前
CDN图片服务与动态参数优化
前端·javascript·vue.js
郝学胜-神的一滴7 分钟前
深入理解Python生成器:从基础到斐波那契实战
开发语言·前端·python·程序人生
初级见习猿工8 分钟前
使用pdfjs-dist在Vue 3中实现PDF文件浏览器预览
javascript·vue·pdfjs-dist
问水っ12 分钟前
Qt Creator快速入门 第三版 第6章 事件系统
开发语言·qt
cm65432012 分钟前
C++中的空对象模式
开发语言·c++·算法
吴声子夜歌13 分钟前
JavaScript——异常处理
开发语言·javascript·ecmascript