对象的使用

遍历对象的属性

通过for…in语法可以遍历一个对象

var obj = {};
for (var i = 0; i < 10; i++) {obj[i] = i * 2;
}
for(var key in obj) {console.log(key + "==" + obj[key]);
}

删除对象的属性

function fun() { this.name = 'mm';
}
var obj = new fun();
console.log(obj.name); // mm
delete obj.name;
console.log(obj.name); // undefined

简单类型和复杂类型的区别

基本类型又叫做值类型，复杂类型又叫做引用类型

值类型：简单数据类型，基本数据类型，在存储时，变量中存储的是值本身，因此叫做值类型。

引用类型：复杂数据类型，在存储是，变量中存储的仅仅是地址（引用），因此叫做引用数据类型。

堆和栈

堆栈空间分配区别：

栈（操作系统）：由操作系统自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈；
堆（操作系统）：存储复杂类型(对象)，一般由程序员分配释放， 若程序员不释放，由垃圾回收机制回收，分配方式倒是类似于链表。

注意：JavaScript中没有堆和栈的概念，此处我们用堆和栈来讲解,只是便于理解

基本类型在内存中的存储

复杂类型在内存中的存储

基本类型作为函数的参数

复杂类型作为函数的参数

// 下面代码输出的结果
function Person(name,age,salary) {this.name = name;this.age = age;this.salary = salary;
}
function f1(person) {person.name = "ls";person = new Person("aa",18,10);
}var p = new Person("zs",18,1000);
console.log(p.name);
f1(p);
console.log(p.name);

案例1：图解对象的应用与消亡

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>$永远的24k纯帅$</title><script>function Person(name,age,salary){this.name=name;this.age=age;this.salary=salary;}function  f1(person) {person.name="娃哈哈";person=new Person("李美丽","12","5000");}var p=new Person("油篓口","16","6000");console.log("名字是："+p.name);f1 (p);console.log("名字是："+p.name)</script>
</head>
<body></body>
</html>

案例2：判断输出的是什么

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>$永远的24k纯帅$</title><script>var num1 = 10;var num2 = num1;num1 = 20;console.log(num1);//20console.log(num2);//10var num = 50;function f1(num) {num = 60;console.log(num);//60}f1(num);console.log(num);//50var num1 = 55;var num2 = 66;function f1(num, num1) {num = 100;num1 = 100;num2 = 100;console.log(num);//100console.log(num1);//100console.log(num2);//100}f1(num1, num2);console.log(num1);//55console.log(num2);//100console.log(num);// 报错</script>
</head>
<body></body>
</html>

JavaScript对象的使用及存储方式的剖析相关推荐

JavaScript对象的几种创建方式?
**` JavaScript对象的几种创建方式? `**
JavaScript对象创建对象的四种方式
1.字面量的方式 2.调用系统的构造函数 3.自定义构造函数的方式 4.工厂模式创建对象 <!DOCTYPE html> <html lang="en"> ...
《javascript高级程序设计》第六章读书笔记之 javascript对象的几种创建方式
本文首发于https://segmentfault.com/a/1190000017776314 一.工厂模式工厂模式:使用字面量和object构造函数会有很多重复代码,在此基础上改进解决了多个相 ...
javascript对象创建的五种方式
<html> <head> <script> /* 5.动态原型法 */ function DCar(name,price){this.name=name;this ...
javascript对象的几种创建方式
1.工厂模式 function createBlog(name, url) { var o = new Object(); o.name = name; o.url = url; o.sayUrl= ...
如何动态合并两个JavaScript对象的属性？
我需要能够在运行时合并两个(非常简单的)JavaScript对象. 例如,我想: var obj1 = { food: 'pizza', car: 'ford' } var obj2 = { anim ...
JavaScript连载20-数据存储方式、内置对象Array详解
一.堆和栈,数据的存储方式 1.注意点: JS中是没有堆和栈的概念,我们用堆和栈来讲解,目的就是方柏霓讲解,存储方式是一致的. 2.存储方式: 基础数据类型进行值传递,复杂数据类型进行地址传递 < ...
JavaScript系列-----对象基于哈希存储（Key，Value之Key篇）（1）
1.Hash表的结构首先,允许我们花一点时间来简单介绍hash表. 1.什么是hash表 hash表是一种二维结构,管理着一对对<Key,Value>这样的键值对,Hash表的结构如下图 ...
JavaScript中数据在内存中的存储方式
JavaScript中数据在内存中的存储方式 1.js数据类型分类简单数据类型:Number.String.Boolean.Undefined.Null 复杂数据类型:Object.Array.Fu ...

JavaScript对象的使用及存储方式的剖析

文章目录

对象的使用

遍历对象的属性

删除对象的属性

简单类型和复杂类型的区别

基本类型在内存中的存储

复杂类型在内存中的存储

基本类型作为函数的参数

复杂类型作为函数的参数

案例1：图解对象的应用与消亡

案例2：判断输出的是什么

JavaScript对象的使用及存储方式的剖析相关推荐

最新文章

热门文章