JS 面向对象实例 prototype

最新推荐文章于 2025-08-09 20:51:19 发布

weixin_34081595

最新推荐文章于 2025-08-09 20:51:19 发布

阅读量108

点赞数

文章标签： javascript ViewUI

本文介绍如何利用JavaScript中的prototype属性来优化对象实例化过程，避免每次创建新实例时重复创建相同的属性和方法。通过实例演示了如何正确地为构造函数添加原型方法，并强调了prototype定义时机的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

prototype:
当每创建一个类的实例的时候，都要执行一次构造函数，函数中的属性和方法总会被重复创建，prototype可以很好的解决。当new一个function时，该对象的成员将自动的赋给所创建对象。prototype发生在函数体(构造器)执行之前。prototype的定义必须在new实例化对象之前，否则不会起作用。

<HTML>
<HEAD>
<TITLE>Test JavaScript Function example </TITLE>
</HEAD>
<BODY>
<script>
var userA;
var userB;
function User(name,age)
{
this.str_name = name;
this.str_age = age;
}

User.prototype.sayage  = function()
{
alert(this.str_age);
}

function testUser()
{
userA = new User("Tomseon","27");
userA.sayage();
//userA.sayme(); //Prototype definition must before new instance of the object, otherwise they would not work
User.prototype.sayme  = function()
{
  alert(this.str_name);
}
userB = new User("mike","20");
userB.sayage();
userB.sayme();
}

</script>

<input type="reset" name="Submit" id="Button1" value="testUser" onclick="testUser()">
</BODY>
</HTML>

关注博主即可阅读全文