JavaScript查漏补缺--对象

最新推荐文章于 2024-06-15 20:22:32 发布

原创最新推荐文章于 2024-06-15 20:22:32 发布 · 226 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js对象

JavaScript 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了JavaScript中对象的多种创建方式，包括使用new关键字、构造函数、对象字面量及JSON对象等。同时还探讨了如何遍历对象的键和值以及引用数据类型的特性。

JavaScript中也可以定义对象

定义方法一

Object o = new Object();
o.name = "asd";
o.id = 1;
o.fun = function(){
    alert();
};

//这就创建好了一个对象

自定义对象

function Student(name,id,fun){
    this.name = name;
    this.id = id;
    this.fun = fun;
}

var student = new Student("asd",1,function(){
    alert(this.name);
});

对象创建方法，自己定义

var student = {
    name:"asd",
    id:1,
    fun:function(){
            alert(this.name);
    }
}

JSON对象

//json对象属性也要用引号
var json = {
    "name":"asd",
    "id":1,
}

遍历对象键和值

var student = {
    name:"asd",
    id:1,
    fun:function(){
        alert("asd");
    }
}

for(var key in student){
    console.log(key);
    console.log(student[key]);
}

引用数据类型

var student = {
    name:"1";
};

var student2 = student;
student.name = "2";
console.log(student2.name);

//输出为 2 

//////实例2
function fn(stu){
    stu = {
        name:"2";
    }
}

vat student = {
    name = "1";
}

fn(student);
console.log(student.name);

//输出为1，事实上，传递到fn中的时候，stu变量名在栈中，那么函数中，让stu指向了一个新的堆中对象，而student本身指向的对象是没有变化的。