JavaScript构造函数的重载

我们知道，像java和C++构造函数可以重载，但是JavaScript中是否可以呢？

• 结论是不可以，但是可也以做到同样的效果

1.同时定义有参和无参构造

function Person(name) {
  console.log('有参构造调用');
  this.name =name
}

function Person() {
  console.log('无参构造调用');
}

console.log(new Person('zhagnsan')); 

很明显第一个方法被覆盖了，我们调换一下顺序再试试

function Person() {
  console.log('无参构造调用');
}
]
function Person(name) {
  console.log('有参构造调用');
  this.name =name
}

console.log(new Person('zhagnsan')); 
console.log(new Person());

有参构造调用了两次，很明显第一个被覆盖了

2. 只定义有参构造

function Person(name) {
  console.log('有参构造调用');
  this.name =name
}


// 1.只提供有参构造,会自动调用有参构造
console.log(new Person);

即使不穿参数，也会调用有参构造

3. 结论

1. JavaScript使用function构造器无法像java中一样重载
2. JavaScript中总是调用最后的一个构造函数，前面的会被覆盖

4.如何实现重载？

只要对参数做出判断即可

function Person(name) {
  if (name !== undefined)
    this.name = name
}

console.log(new Person);
console.log(new Person('张三'));