Wie werden zwei Arten von Parametern innerhalb einer Funktion verwendet?

Question

nenne ich die folgende Funktion ein neues CSS-Objekt zu erstellen:

set(
    dot, { 
     x: mX, 
     y: mY, 
     force3D: !0 
    } 
); 


set: function(el) { 
    alert(el); 

    var dot = $(el).css('-webkit-transform', 'translate3d(' + x + ', ' + y + ', ' + z + ')'); 
    return dot; 
} 

Jetzt habe ich frage mich, wie der erste Parameter der Funktion Set bekommen, um genauer zu sein: dot. Ich habe es schon versucht: alert (el); aber das wird mir eine Warnung mit [object Object] geben. Ich weiß, dass Sie auf die Objektoptionen zugreifen können, indem Sie el.x verwenden, aber wie auf den ersten Parameter zugegriffen wird, den ich nicht kenne.

Kann mir jemand helfen. Danke vielmals!

Answer 1

Ist es das, was Sie versuchen?

set = function(el) { 
 
    console.log(el.x); // You can access the properties like this 
 
    console.log(el.y); 
 
    console.log(el.force3D); 
 
    
 
    return dot; 
 
}; 
 

 
// Build the params 
 
var dot = { 
 
    x: 'asdf', 
 
    y: 'asdf', 
 
    force3D: !0 
 
}; 
 

 
// Call the set() method 
 
set(dot);

Answer 2

Ich muss etwas fehlen, aber wenn Sie versuchen, zuzugreifen, was Sie senden, nennen nur einen formalen Parameter:

set = function(el, params) { 
 
    var dot = $(el).css('-webkit-transform', 'translate3d(' + params.x + ', ' + params.y + ', ' + params.z + ')'); 
 
    return dot; 
 
} 
 

 
set(dot, { x:1.0, y:2.1, z:0.1 });

Oder verwenden Sie arguments, wenn Sie keine formalen benannten Parameter möchten.