要创建构造函数的实例，肯定要使用到new关键字，但是，到底需要哪些过程呢？
我们以下面为例，首先创建一个构造函数
function dog(){
this.name='happy'
}
接下来我们分步骤来解析创建实例的过程：
1.首先，需要创建一个空对象 var obj={}
2.接下来我们需要把obj的__proto__属性指向构造函数的prototype, obj.__proto__=dog.prototype,
__proto__即原型属性，是每一个对象都拥有的属性，众所周知，js中所有的类型皆为对象，这个属性并非所有浏览器都有实现，而他的标准属性为[[prototype]].
而prototype是函数才拥有的属性，即原型对象。
3.接着，我们需要利用call方法，将dog函数内部的this指针替换为obj，并立即执行dog函数，由于指针被替换，所以dog函数内部的属性会被复制到obj对象，这样obj就会拥有dog所有的内部属性， dog.call(obj)
4.最后，我们判断下obj属性是否为object类型，如果是，返回obj对象,如果不是，则返回{}
把上面的步骤还原成方法
function _new(){
var obj={}
obj.__proto__=dog.prototype
dog.call(obj)
return typeof obj==='object' ? obj:{}
}
当然，在实例化时，有时候会传入一些初始值，并且，我们也不会只对一个构造函数实例化，这个时候，我们只需对上面的方法进行一些改动
function _new(func) {
var obj = {}
obj.__proto__ = func.prototype
const args=[].slice.call(arguments)
args.splice(0,1)
func.apply(obj, args)
return typeof obj === 'object' ? obj : {}
}
这样的话，就可以满足要求啦，定义一个cat函数
function cat(name,color){
this.name=name
this.color=color
}
var instance=_new(cat,'ali','yellow')
console.log(instance.name) // ali
console.log(instance.color) // yellow
console.log( dogins instanceof dog) // true
当然，在实际开发中，我们只需使用new关键就行了，上述代码只是用来解释实例化的过程。
如对本文有疑问， 点击进行留言回复！！
Android 入门第七讲01-数据存储（数据存储概述，文件存储（raw和asserts目录读写，data/data/包名目录读写，sdcard目录读写），SharedPreferences读写）
vue-axios系列:axios拦截器，配置请求头，配置请求参数
Vuejs 针对 安卓低版本 、ios9.x 不兼容 ES6语法导致失效解决方法
我要评论
网友评论