javascript如何实现create方法
更新时间：2019年11月04日 16:54:52 作者：wjefi
这篇文章主要介绍了javascript如何实现create方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
这篇文章主要介绍了javascript如何实现create方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
1. 背景
项目使用 easyui + jquery作为前端框架，之前基本上是些后端代码设计，前端涉略仅限于应用。
项目js是之前部门领导写的一个框架，使用面向过程方法进行编码，前端代码耦合较深，修改起来捉襟见肘。
希望以统一方式对jquery代码进行设计管理，有必要对jquery源码有一定程度了解。
理解代码最好的方式，本人感觉应该是造简化版轮子。大致理解原型链之后，本文参考引用博文时限一个create函数。
2. 实现
构造函数的constructor属性在声明以后自动赋值为自身，同时People的__proto__属性赋值为Function.prototype。
使用new方式和Function.call方式创建的对象在原型上存在区分。
new方式对象__proto__属性指向其构造函数prototype对象，Function.call方式对象__proto__属性指向Object的prototype对象。
因此Function.call()方式创建对象只要修改__proto__属性指向，私认为等价于new方式创建对象，代码如下。
function create(){
// 1. 创建一个空对象
let obj = {};
// 2. 获取构造函数
let constructor = [].shift.call(arguments);
// 3. 链接到原型
obj.__proto__ = constructor.prototype;
// 4. 绑定this值
let result = constructor.apply(obj, arguments);
// 5. 返回新对象
return typeof result==='object' ? result : obj;
}
调用方式为
var people = create(People,'Bob',22);
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了JS实现简单留言板功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要为大家详细介绍了微信小程序实现留言板，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
本文通过2个实例，对比分析了在js和c#中使用正则表达式匹配a标签的异同，小伙伴们自己参考下吧，有利于深刻理解正则表达式的使用。2014-11-11
这篇文章主要为大家详细介绍了一些JavaScript中判断数据类型的方法，文中的示例代码讲解详细，具有一定的学习价值，需要的小伙伴可以了解一下2023-07-07
下面小编就为大家带来一篇将html页面保存成图片,图片写入pdf的实现方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
JavaScript中定时器setTimeout()和setInterval()的用法
本文详细讲解了JavaScript中定时器setTimeout()和setInterval()的用法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
下面小编就为大家带来一篇简单谈谈axios中的get,post方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
本文给大家分享的是个人在学习js运动动画的过程中总结的我们需要注意的8个知识点，分别是速度动画、透明度渐变、缓冲运动、多物体运动、获取样式、任意属性值、链式运动和同时运动，非常的详细，推荐给小伙伴们。2015-03-03
需要获得图片的宽度和高度，有些js或者jquery代码在还没有加载完图片时就执行了，这个问题该怎么解决呢？接下来分别介绍下js与jquery提供的方法2013-03-03
这篇文章主要为大家介绍了JavaScript 算法 复写0双指针解法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
最新评论