JS面向对象：五.原型对象

最新推荐文章于 2024-07-08 16:22:29 发布

分才

最新推荐文章于 2024-07-08 16:22:29 发布

阅读量222

点赞数 2

分类专栏： # Web前端文章标签： javascript 原型模式开发语言 c5全栈前端

本文链接：https://blog.csdn.net/qq_61102168/article/details/136159762

版权

Web前端专栏收录该内容

27 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中如何使用原型对象来共享方法，以节省内存并实现继承。通过构造函数的prototype，对象实例可以访问和扩展原型上的属性和方法，提高代码效率和可维护性。

摘要由CSDN通过智能技术生成

使用原型对象来共享方法，可以避免为每个对象创建独立的方法副本，提高代码的效率和可维护性。

在JavaScript中，每个函数都有一个 prototype 属性，这个属性是一个指向原型对象的指针。原型对象是一个普通的对象，它包含可以由特定类型的所有实例共享的属性和方法。

当创建一个函数时，该函数会自动获得一个 prototype 属性，这个属性指向一个空对象。我们可以向这个原型对象添加属性和方法，这些属性和方法将被该函数创建的所有实例共享。

当我们创建一个对象实例时，该对象实例会包含一个指向构造函数的原型对象的链接，通过这个链接，对象实例可以访问原型对象中定义的属性和方法。

使用原型对象的好处包括：

节省内存：所有实例共享原型对象中的方法，避免了为每个实例单独创建方法的开销。
方便扩展：可以随时向原型对象添加新的方法和属性，所有实例都能够访问这些新添加的内容。
实现继承：通过原型链，可以实现对象之间的继承关系，子对象可以继承父对象的属性和方法。

在JavaScript中，原型对象是实现对象之间共享属性和方法的重要机制，它有助于提高代码的效率和可维护性。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>原型对象</title>
</head>
<body>
<script>
    function Flower(){

    }
    Flower.prototype.name="曼陀罗花";
    Flower.prototype.genera="茄科 曼陀罗属";
    Flower.prototype.area="印度、中国北部";
    Flower.prototype.uses="观赏或药用";
    Flower.prototype.showName=function() {
        alert(this.name);
    }
    /*var flower1=new Flower();
    flower1.showName();
    var flower2=new Flower();
    flower2.showName();
    alert(flower1.showName==flower2.showName);*/
    var flower1=new Flower();
    var flower2=new Flower();
    flower1.name="长春花";
    alert(flower1.name);
    alert(flower2.name);

</script>
</body>
</html>

分才

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS面向对象：五.原型对象

当我们创建一个对象实例时，该对象实例会包含一个指向构造函数的原型对象的链接，通过这个链接，对象实例可以访问原型对象中定义的属性和方法。原型对象是一个普通的对象，它包含可以由特定类型的所有实例共享的属性和方法。属性，这个属性指向一个空对象。我们可以向这个原型对象添加属性和方法，这些属性和方法将被该函数创建的所有实例共享。在JavaScript中，原型对象是实现对象之间共享属性和方法的重要机制，它有助于提高代码的效率和可维护性。：通过原型链，可以实现对象之间的继承关系，子对象可以继承父对象的属性和方法。
复制链接

扫一扫