文章目录
遍历对象的属性
通过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);//20
console.log(num2);//10
var num = 50;
function f1(num) {
num = 60;
console.log(num);//60
}
f1(num);
console.log(num);//50
var num1 = 55;
var num2 = 66;
function f1(num, num1) {
num = 100;
num1 = 100;
num2 = 100;
console.log(num);//100
console.log(num1);//100
console.log(num2);//100
}
f1(num1, num2);
console.log(num1);//55
console.log(num2);//100
console.log(num);// 报错
</script>
</head>
<body>
</body>
</html>
















