Javascript是一門(mén)非常靈活的語(yǔ)言，在它的核心中有一個(gè)重要的概念，那就是原型。這個(gè)概念既是Javascript的特色之一，也是新手常常容易遇到困惑的一個(gè)點(diǎn)。在這篇文章中，我們來(lái)詳細(xì)了解一下Javascript原型的相關(guān)知識(shí)。 ## 什么是原型 在Javascript中，幾乎所有的對(duì)象都有一個(gè)內(nèi)部屬性__proto__。這個(gè)屬性與它的構(gòu)造函數(shù)的prototype屬性緊密聯(lián)系，并提供了一個(gè)方式，可以實(shí)現(xiàn)面向?qū)ο缶幊獭? ## __proto__與prototype 每個(gè)Javascript對(duì)象都有一個(gè)__proto__屬性，這個(gè)隱式內(nèi)部屬性指向了構(gòu)造函數(shù)的prototype屬性。舉個(gè)例子： ``` function Person(name) { this.name = name; } let person1 = new Person('小明'); console.log(person1.__proto__ === Person.prototype); // true ``` person1對(duì)象通過(guò)new操作符創(chuàng)建，那么它的__proto__屬性指向了Person函數(shù)的prototype屬性。這也是實(shí)現(xiàn)繼承的重要方式之一，通過(guò)設(shè)置子類的__proto__屬性指向父類的prototype屬性，實(shí)現(xiàn)將父類中定義的方法和屬性“繼承”到子類中。 ## prototype與構(gòu)造函數(shù) Javascript中，每個(gè)函數(shù)都擁有一個(gè)prototype屬性，它是一個(gè)對(duì)象，包含了所有該函數(shù)實(shí)例化出來(lái)的對(duì)象所繼承的屬性和方法。換言之，我們可以通過(guò)給函數(shù)的prototype屬性賦值實(shí)現(xiàn)為對(duì)象原型添加方法。 ``` function Person(name, age) { this.name = name; this.age = age; } Person.prototype.sayName = function() { return '我的名字是：' + this.name; } let person1 = new Person('小明', 20); console.log(person1.sayName()); // '我的名字是：小明' ``` 在這個(gè)例子中，我們給Person函數(shù)的prototype屬性設(shè)置一個(gè)sayName方法，在實(shí)例化person1對(duì)象后，我們就可以調(diào)用這個(gè)方法。 ## 繼承 Javascript的原型機(jī)制可以實(shí)現(xiàn)“繼承”，即將一個(gè)對(duì)象的屬性和方法“繼承”到另一個(gè)對(duì)象上。通過(guò)Object.create方法，我們可以創(chuàng)建一個(gè)新對(duì)象，并指定它的原型： ``` let Father = { name: '張三', age: 40, sayHi: function() { console.log('大家好！'); } }; let Son = Object.create(Father); Son.name = '李四'; console.log(Son.name); // 李四 console.log(Son.age); // 40 Son.sayHi(); // 大家好！ ``` 在這個(gè)例子中，我們通過(guò)Object.create方法創(chuàng)建了一個(gè)新對(duì)象Son，并將它的原型指定為Father對(duì)象。這樣，在Son中，我們既可以訪問(wèn)Son對(duì)象中獨(dú)有的name屬性，也可以“繼承”Father對(duì)象的age屬性和sayHi方法。 ## 總結(jié) 原型是Javascript中非常重要的概念，它讓我們能夠?qū)崿F(xiàn)面向?qū)ο缶幊?、繼承等高級(jí)特性。通過(guò)對(duì)Javascript原型的學(xué)習(xí)，我們可以更好地理解這門(mén)語(yǔ)言，并編寫(xiě)出更簡(jiǎn)潔、高效的代碼。