具有多个参数的构造函数？

Question

The constructor example I see a lot is

function Person(first, last, age, eyecolor) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eyecolor;
    this.nationality = "English";
}

But what if you want many parameters, like 20+. This seems like it would be inefficient. What would be the correct and efficient way of declaring a constructor function that takes in many parameters?

My end goal is to create an image slider with a lot of user settings (slidesToShow, slidesToScroll, slideClass, etc). So I am looking to have the user initialize it like and provide options. The way I have it now is kind of weird lol. example:

function Slider(options) {
 const slideClass = options.slideClass
}

and then it is initialized like so:

const demoSlider = new Slider({
 slideClass: 'image-slider'
})

But I am not using the this keyword like a normal constructor function and yet it is not a object literal either. So my code must just be built wrong? Just switched from mainly jQuery trying to learn/write vanilla JS the right way.

Thanks for any help in advance!

Answer 1

Either just store an object under this.options :

 function Slider(options) {
    this.options = options;
 }

Or if you want it directly under this , just use Object assign:

 function Slider(options) {
   Object.assign(this, options);
    console.log(this.name);
 }

 new Slider({ name: "test" });

Answer 2

I think you better set them one by one, because they might have default value, ex:

this.height = (options.height)?options.height:100;

Also I think you're not quite understand the meaning of new .

You didn't use this which means all variables are in your function,

maybe in this case you only need to execute that function once to init your slider's event.

so you only need to call Slider(options) .

new Slider() will create a Object that can be reuse,

but you didn't even assign to a var like var mySlider = new Slider() ...

You should consider in this case whether you need to design your function as a function or a constructor ?