AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

js 中的原型

2023-08-26 44
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： js 中的原型
  • JavaScript规定，每一个构造函数都有一个prototype属性，指向另一个对象，所以我们也称为原型对象。
  • 这个对象可以挂载函数，对象实例化不会多次创建原型上函数，节约内存。
  • 我们可以把那些不变的方法，直接定义在prototype 对象上，这样所有对象的实例就可以共享这些方法。
  • 构造函数和原型对象中的this都指向实例化的对象

演示：

  function Fun(name) {
            console.log(this.name = name);
        }
        const z = new Fun('测试');
        console.log(Fun.prototype);

文章标签：
JavaScript
前端开发
关键词：
JavaScript原型
.星空.
目录
相关文章
东方睿赢
|
7月前
|
JavaScript 前端开发
js开发：请解释原型继承和类继承的区别。
JavaScript中的原型继承和类继承用于共享对象属性和方法。原型继承通过原型链实现共享，节省内存，但不支持私有属性。
东方睿赢
61 0
Cool架构
|
7月前
|
JavaScript 前端开发 Java
深入JS面向对象(原型-继承)（三）
深入JS面向对象(原型-继承)
Cool架构
58 0
雨溪-yuxi
|
1月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念，从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链，层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
雨溪-yuxi
33 1
JavaScript中的原型 保姆级文章一文搞懂
小周sir
|
4月前
|
JavaScript 前端开发
如何在JavaScript中实现基于原型的继承机制
【8月更文挑战第14天】如何在JavaScript中实现基于原型的继承机制
小周sir
34 0
游客j4mujezz7vm7y
|
3月前
|
JSON JavaScript 前端开发
js原型继承|26
js原型继承|26
游客j4mujezz7vm7y
45 1
cqtianxin1
|
3月前
|
JavaScript 前端开发
JavaScript prototype（原型对象）
JavaScript prototype（原型对象）
cqtianxin1
41 0
尹正杰
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-原型(prototype)
关于JavaScript基础知识中原型（prototype）概念的介绍。
尹正杰
47 1
乐多_L
|
4月前
|
JavaScript 前端开发
JavaScript中什么是原型？有什么用？
JavaScript中什么是原型？有什么用？
乐多_L
26 1
小周sir
|
4月前
|
JavaScript 前端开发 Java
什么是JavaScript原型对象
【8月更文挑战第2天】什么是JavaScript原型对象
小周sir
69 9
空白诗
|
6月前
|
设计模式 JavaScript 前端开发
【JavaScript】深入浅出JavaScript继承机制：解密原型、原型链与面向对象实战攻略
JavaScript的继承机制基于原型链，它定义了对象属性和方法的查找规则。每个对象都有一个原型，通过原型链，对象能访问到构造函数原型上的方法。例如`Animal.prototype`上的`speak`方法可被`Animal`实例访问。原型链的尽头是`Object.prototype`，其`[[Prototype]]`为`null`。继承方式包括原型链继承（通过`Object.create`）、构造函数继承（使用`call`或`apply`）和组合继承（结合两者）。ES6的`class`语法是语法糖，但底层仍基于原型。继承选择应根据需求，理解原型链原理对JavaScript面向对象编程至关重要
空白诗
155 7
【JavaScript】深入浅出JavaScript继承机制：解密原型、原型链与面向对象实战攻略

热门文章

最新文章

  • 1
    Node.js 的事件驱动机制
  • 2
    基于 JavaScript/VuePress 搭建的远程工作平台：YuanCheng.works
  • 3
    如何使用内存监控工具来优化 Node.js 应用的性能
  • 4
    html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
  • 5
    js+jquery实现贪吃蛇经典小游戏
  • 6
    在 golang 中执行 javascript 代码的方案详解
  • 7
    Node.js新作《循序渐进Node.js企业级开发实践》简介
  • 8
    Node.js 的性能
  • 9
    基于SVG的js圆形菜单插件
  • 10
    如何使用内存快照分析工具来分析Node.js应用的内存问题？
  • 1
    JavaScript闭包允许内部函数访问并保留外部函数的变量，即使外部函数执行结束
    57
  • 2
    js设计模式-观察者模式与发布/订阅模式
    75
  • 3
    js设计模式-策略模式与代理模式的应用
    76
  • 4
    深入理解JavaScript中的闭包机制
    64
  • 5
    使用Vue.js构建交互式前端的技术探索
    92
  • 6
    使用Node.js构建实时聊天应用的技术指南
    138
  • 7
    深入理解JavaScript中的事件循环机制
    93
  • 8
    【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
    124
  • 9
    JavaScript 数组方法概览
    39
  • 10
    在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
    71

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • Vue.js 入门与实战
  • Node.js 入门教程文档
  • Vue.js完全自学手册图文教程
  • Node.js 入门与实战

    • 相关电子书

    更多
  • JavaScript函数
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
  • 搭建Node.js编程环境
    • 下一篇
    手把手教你白嫖阿里云服务器(免费领服务器)