zoukankan      html  css  js  c++  java
  • javascript 原型

    构造函数存在的问题

    构造函数中的方法,在每新创建一个对象的时候,该对象都会重新的创建一次这个方法,每个对象独占一个方法。但是该方法的内容完全相同,所以造成资源浪费。

    解决办法1:

    将构造函数内的方法进行提取,放在构造函数的外面,在构造函数内部进行引用赋值。

    那么创建出来的对象,都会指向构造函数外面的这个函数,达到共享的目的。

    随之带来的问题:全局变量增多,造成全局变量污染,代码结构混乱,不容易维护。

    解决方法2:

    使用原型。

    原型是什么

    在构造函数创建出来的时候,系统会默认的创建并关联一个对象,这个对象就是原型,原型对象默认是空对象。

    默认的原型对象中会有一个constructor属性指向该构造函数。

    原型的作用

    原型对象中的成员,可以被使用和它关联的构造函数创建出来的所有对象共享。

    原型对象的使用

    1. 使用对象的动态特性,为原型对象添加成员。

    2. 直接替换原型对象。

    注意事项:直接替换原型对象,会导致替换之前创建的对象的原型和替换之后创建的对象的原型不一样。

    替换原型注意事项:

    在新替换的原型中,没有constructor属性,会影响三角(构造函数,原型,对象)结构关系的合理性,所以在新替换的原型中,手动添加constructor属性,以保证关系的合理性,赋值为关联的构造函数。

    使用原型注意事项

    1. 使用对象访问属性时,会先在对象中查找,如果找到了就直接使用,如果没有找到就去原型中查找。

    2. 使用对象设置属性时,只会在对象本身中查找,不会去原型中查找,如果在对象本身中没有找到这个属性,就给该对象新增一个属性,如果在对象中有这个属性,修改这个属性。

    3. 如果在原型对象中有引用类型的属性,那么使用对象修改该属性内容时,其它所有跟这个原型对象相关的对象都会受到影响。

    4. 一般情况下不会将属性添加到原型对象中,只会将需要共享的方法,添加到原型对象中。

    __proto__

    1. 这个属性不是标准属性,所以存在通用性问题。

    2. 一般不推荐使用这个属性。

    3. 调试时可以使用这个属性。

    4. 这个属性是原型中的属性。

    你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。
  • 相关阅读:
    Vue $nextTick的一个使用场景
    Vue 使用v-for对Object进行遍历
    JavaScript 回调函数的简单示例
    VSCode 自定义Vue snippets, 快速生成Vue模板
    git将一个分支完全覆盖另外一个分支如:dev分支代码完全覆盖某一个开发分支
    解决bootstrap时间输入框总被浏览器记住的记录遮挡住的问题
    Fiddler 屏蔽JS、抓WebSocket协议、查看接口响应时间、模拟并发请求
    细说MySQL的时间戳(Timestamp)类型
    网站建设之域名注册和域名备案
    日常项目测试用例检查点(来自一线测试人员的吐血总结)
  • 原文地址:https://www.cnblogs.com/knuzy/p/8971813.html
Copyright © 2011-2022 走看看