JS 往原型中新增方法
往原型裡新增方法的方式有兩種。
第一種,往原型中新增一個方法。
function User(name) {
this.name = name
}
User.prototype.show = function () {
console.log(this.name)
};
let Joker = new User.prototype.constructor("Joker");
Joker.show();
第二種,往原型中新增多個方法。
function User(name) {
this.name = name
}
User.prototype = {
constructor: User,
show() {
console.log(this.name)
}
};
let Joker = new User.prototype.constructor("Joker");
Joker.show();
這裡為什麼要寫constructor呢,因為當我們使用第二種方法新增多個方法的時候,相當於把一個新物件賦值給原型,指向改變了,所以要加一個constructor重新指向User,才能正常列印。
相關文章
- JS 原型與原型鏈JS原型
- JS原型和原型鏈JS原型
- js原型及原型鏈JS原型
- 理解js中的原型,原型物件,原型鏈JS原型物件
- js原型鏈JS原型
- JS中的原型與原型鏈JS原型
- JS原型與原型鏈圖解JS原型圖解
- Mysql資料庫建立儲存過程實現往資料表中新增欄位的方法MySql資料庫儲存過程
- 深入理解JS原型與原型鏈JS原型
- 淺談JS原型JS原型
- JS原型相關JS原型
- JS的物件原型JS物件原型
- js 中的原型JS原型
- js 一些專案中常用的原型方法整理JS原型
- 2024-05-10 js原型和原型鏈JS原型
- js基礎--原型物件與原型物件鏈JS原型物件
- 面試之JS篇 - 原型與原型鏈面試JS原型
- JS 中原型和原型鏈深入理解JS原型
- 前端筆記——JS基礎(原型&&原型鏈)前端筆記JS原型
- js原型鏈圖解JS原型圖解
- 淺析JS原型鏈JS原型
- js 原型鏈詳解JS原型
- JS原型鏈繼承JS原型繼承
- js回顧:原型鏈JS原型
- JS中的原型物件JS原型物件
- 巧解 JS 原型鏈JS原型
- 往 VisualStudio 工具箱中新增 WPF/WinForms 控制元件的幾種方式ORM控制元件
- JS基礎總結(2)——原型與原型鏈JS原型
- 說說JS中的原型物件和原型鏈JS原型物件
- js--原型和原型鏈相關問題JS原型
- 2019 面試準備 - JS 原型與原型鏈面試JS原型
- 深入學習js之——原型和原型鏈#1JS原型
- 從js資料型別到原型原型鏈JS資料型別原型
- JS建構函式,原型鏈,原型物件總結JS函式原型物件
- 淺談JS物件的建立、原型、原型鏈繼承JS物件原型繼承
- 【原型鏈汙染】Python與Js原型PythonJS
- js原型鏈汙染詳解JS原型
- JS 原型鏈查詢 (上)JS原型