js设计模式:原型模式

作用:

使用js特有的原型链机制,可以通过Object.create方法创建新对象,将一个对象作为另外一个对象的原型

也可以通过修改原型链上的属性,影响新对象的行为

可以更方便的创建一些对象

示例:

javascript 复制代码
        let obj = {
            getName: function(){
                return this.name
            },
            getAge:function(){
                return this.age
            }
        }
        let wjt = Object.create(obj)
        wjt.name = '王惊涛'
        wjt.age = 29
        console.log(wjt.getName(),wjt.getAge(),'wjt')

        let xiaoma = Object.create(obj)
        xiaoma.name = '小马'
        xiaoma.age = 29
        console.log(xiaoma.getName(),xiaoma.getAge(),'xiaoma')
相关推荐
chQHk57BN几秒前
前端测试入门:Jest、Cypress等测试框架使用教程
前端
遇见你...9 分钟前
前端技术知识点
前端
AC赳赳老秦20 分钟前
OpenClaw image-processing技能实操:批量抠图、图片尺寸调整,适配办公需求
开发语言·前端·人工智能·python·深度学习·机器学习·openclaw
叫我一声阿雷吧25 分钟前
JS 入门通关手册(44):宏任务 / 微任务 / Event Loop(前端最难核心,面试必考
javascript·宏任务·event loop· 前端面试· 微任务· 事件循环·js单线程
We་ct28 分钟前
LeetCode 172. 阶乘后的零:从暴力到最优,拆解解题核心
开发语言·前端·javascript·算法·leetcode·typescript
军军君0128 分钟前
数字孪生监控大屏实战模板:可视化数字统计展示
前端·javascript·vue.js·typescript·echarts·数字孪生·前端大屏
此刻觐神35 分钟前
IMX6ULL开发板学习-03(Linux文件相关命令)
前端·chrome
吴声子夜歌1 小时前
ES6——Iterator和for...of循环详解
前端·javascript·es6
小李子呢02111 小时前
前端八股3---ref和reactive
开发语言·前端·javascript
落魄江湖行1 小时前
基础篇三 Nuxt4 组件进阶:插槽与事件传递
前端·nuxt4