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

js 中的原型

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

演示：

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

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

热门文章

最新文章

  • 1
    实时显示日期、时间、城市天气（HTML+JS）
  • 2
    JavaScript值得注意的小知识点
  • 3
    HTML6 无 JavaScript 的单页应用引起一片哗然
  • 4
    走在JS上的全栈之路(一)
  • 5
    JavaScript 图片切割效果
  • 6
    js: 删除node的所有child
  • 7
    js正则表达式语法
  • 8
    Swift WKWebView JS 和 Native 交互(上)
  • 9
    开发者最容易犯的13个JavaScript错误
  • 10
    高性能Javascript--脚本的无阻塞加载策略
  • 1
    前端框架与库 - Vue.js基础：模板语法、数据绑定
    134
  • 2
    《JavaScript权威指南第7版》中文PDF+英文PDF+源代码 +JavaScript权威指南(第6版)(附源码)PDF下载阅读分享推荐
    271
  • 3
    js【详解】arr.reduce() 数组缩减
    47
  • 4
    【vue】 vue2 | js 实现数字滚动效果
    107
  • 5
    【vue】 网站动态背景 | vanta.js的使用
    418
  • 6
    JavaScript进阶-JavaScript库与框架简介
    58
  • 7
    DVWA JavaScript 通关解析
    67
  • 8
    WEB三大主流框架之Vue.js
    45
  • 9
    断网之后的页面，Autox.js是点击还是上下滑动比较好？
    60
  • 10
    autox.js如何监听异常情况，比如网络中断、内存慢、应用死机或者页面无响应
    221

    • 相关课程

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

    • 相关电子书

    更多
  • JavaScript面向对象的程序设计
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
    • 下一篇
    阿里云OSS设置跨域访问