1、构造函数
function Foo() {
this.name = name
}
console.log(new Foo())
// Foo {name: ""}
function Foo(e) {
this.name = name
this.age = e
}
console.log(new Foo(18))
// Foo {name: "", age: 18}
2、_proto_
和prototype
prototype
:私有属性,任意一个对象都有一个内置的prototype
属性。每个函数在创建出来就会自动拥有的属性,属性指向函数的原型对象。
_proto_
function abc() {
}
abc.prototype --> {constructor: ƒ} // 原型对象
隐式原型指向这个对象的函数的prototype
function Abc() {
this.name = 'yitian'
}
let test = new Abc()
test.__proto__ = Abc.prototype = {constructor: ƒ}
实例的隐式原型链 等于它自己的构造函数(原构造函数)的显式原型链
3、new的作用过程:
function Foo(e) {
this.name = name
this.age = e
}
function FooNew() {
const obj = {} // 1
const Constructor = [].shift.call(arguments) // 3 拿到arguments参数的第一个值
// const [Constroutor, ...args] = [...arguments]
// 原型连接,将构造函数的原型给到创建的对象的私有属性上去
obj._proto_ = Constructor.prototype // 5
const ret = Constructor.apply(obj, arguments) // 4 将构造函数作用域指到创建的空对象里
return typeof ret === 'object' ? ret : obj // 2
}
console.log(FooNew(Foo, 18))
console.log(new Foo(18))
// {name: "", age: 18, _proto_: {constructor: ƒ}}
4、总结
(1)创建一个空对象 obj = {}
(2)绑定原型,obj.__proto__ = Foo.prototype
(3)改变this指向。将构造函数作用域指到创建的空对象里,并执行Foo函数体。
(4)如果**Foo()
函数执行完自己return
一个Object
类型,那么返回此变量,否则返回this
**,注意:如果构造函数返回基本类型值,则不影响,还是返回 this