前端学习笔记-JS-对象使用

遍历对象的属性

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

<script>
        // 遍历对象 
        var obj = {
                name: '七海灯子',
                age: 16,
                sex: '女',
                like: function() {
                    console.log('喜欢 小糸侑');
                }
            }
            
            // for in 遍历我们的对象
            // for (变量 in 对象) {
            // }

        for (var k in obj) {
            console.log(k); // k 变量 输出  得到的是 属性名
            console.log(obj[k]); // obj[k] 得到是 属性值

        }
        // 我们使用 for in 里面的变量 我们喜欢写 k  或者  key
    </script>

 

删除对象的属性

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

 

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

原始数据类型: number,string,boolean,undefined, null,object

基本类型(简单类型),值类型: number,string,boolean，在存储时，变量中存储的是值本身，因此叫做值类型

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

空类型:undefined,null

• 堆和栈

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

• 注意：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);