JavaScript——对象

最新推荐文章于 2024-07-26 20:46:33 发布

小王不是程序员

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量244

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/WXS153322/article/details/126979907

版权

JavaScript对象

与面向对象的Java语言相比，对象在javascript中显得比较弱，但是javascript的对象比Java要灵活。我们知道，在Java语言中，有力的概念类是一种复合数据类型。可以用类来构造Java对象类似无序的属性和方法的集合，一个方法就是一个函数。是对象的成员，属性是一个值或一组值，是对象的成员。javascript把对象定义为无序属性的集合，其属性可以包含基本值、对象或者函数，严格来讲，这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。正是因为这样，我们把javascript对象想象成散列表。

创建对象

使用Object()创建对象

使用Object构造函数特点：首字母要大写想要创建对象就需要自己new一个

<script type="text/javascript">
    var Stu = new Object();
    Stu.name = "小明";
    console.log(Stu)
</script>

使用构造函数方式创建对象

<script type="text/javascript">
    var Student = function(){
        this.name = "海明";
        this.age = 22;
        this.fav = function(){
            alert('旅游')
        }
    }
    
    //创建对象
    var stu1 = new Student();
    console.log(stu1)
</script>

使用构造函数创建对象，有以下三点：

函数名首字母大写
构造函数不需要return
为对象添加成员变量：this.name = 'guansheng';

但是使用构造函数方式创建对象有一个弊端：每new一次对象，里面的成员变量和方法都是一样的，所以我们在调用的时候不知道调用的是哪个

当然，到最后我们推荐的是构造函数方式

<script type="text/javascript">
    function Animal(){
        this.name = "jingjing";
        this.age = 21;
    }
    Animal.prototype.shownames1 = function(){
        alert('调用了shownames1方法！')
    }
    Animal.prototype.shownames2 = function(){
        alert('调用了showname2方法！')
    }
    
    var a = new Animal();
    a.shownames1()
</script>