what is JavaScript对象原型?let see 一 see

原型继承:
所有 JavaScript 对象都从原型继承属性和方法。
日期对象继承自 Date.prototype。数组对象继承自 Array.prototype。Person 对象继承自 Person.prototype。
Object.prototype 位于原型继承链的顶端:
日期对象、数组对象和 Person 对象都继承自 Object.prototype。

向对象添加属性和方法:
有时,您希望向所有给定类型的已有对象添加新属性(或方法)。
有时,您希望向对象构造器添加新属性(或方法)。

使用 prototype 属性
JavaScript prototype 属性允许您为对象构造器添加新属性:

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 对象</h1>

<p id="demo"></p>

<script>
function Person(first, last, age, eye) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eye;
}

Person.prototype.nationality = "English";

var myFriend = new Person("Bill", "Gates", 62, "blue");
document.getElementById("demo").innerHTML =
"The nationality of my friend is " + myFriend.nationality; 
</script>

</body>
</html>

JavaScript prototype 属性也允许您为对象构造器添加新方法:

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 对象</h1>

<p id="demo"></p>

<script>
function Person(first, last, age, eye) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eye;
}

Person.prototype.name = function() {
  return this.firstName + " " + this.lastName
};

var myFriend = new Person("Bill", "Gates", 62, "blue");
document.getElementById("demo").innerHTML =
"My friend is " + myFriend.name(); 
</script>

</body>
</html>

请只修改您自己的原型。绝不要修改标准 JavaScript 对象的原型。

发布了74 篇原创文章 · 获赞 27 · 访问量 9521

猜你喜欢

转载自blog.csdn.net/qq_42526440/article/details/100849626