當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS 原型对象（prototype）
生活随笔
收集整理的這篇文章主要介紹了
JS 原型对象（prototype）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
javascript的方法可以分為三類：
實例
function People(name) {this.name=name;//對象方法this.Introduce=function(){alert("My name is "+this.name);} } //類方法 People.Run=function(){alert("I can run"); } //原型方法 People.prototype.IntroduceChinese=function(){alert("我的名字是"+this.name); }//測試 var p1=new People("Windking"); p1.Introduce(); People.Run(); p1.IntroduceChinese();?
添加屬性和方法
有的時候我們想要在所有已經存在的對象添加新的屬性或方法。
另外，有時候我們想要在對象的構造函數中添加屬性或方法。
使用 prototype 屬性就可以給對象的構造函數添加新的屬性：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><h2>JavaScript 對象</h2><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 myFather = new Person("John", "Doe", 50, "blue"); document.getElementById("demo").innerHTML = "我父親對國籍是 " + myFather.nationality; </script></body> </html>我們也可以使用 prototype 屬性就可以給對象的構造函數添加新的方法：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><h2>JavaScript 對象</h2><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 myFather = new Person("John", "Doe", 50, "blue"); document.getElementById("demo").innerHTML = "我對父親是 " + myFather.name(); </script></body> </html>?
總結
以上是生活随笔為你收集整理的JS 原型对象（prototype）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Python装饰器、生成器、内置函数、J
- 下一篇： EJS-初识