如何更改作为另一个对象内部值的对象的值

Question

我正在将值传递给函数 addPolyline(props) 以动态更改路径值和颜色

var lineSymbol = {
    path: 'M 0,-1 0,1',
    strokeOpacity: 1,
    scale: 4,          
    strokeWeight: 2,
};



function addPolyline(props){    
    flightPath = new google.maps.Polyline({ 
        path: props.flightPath,
        geodesic: true,
        strokeColor: props.color,
        strokeOpacity: 0,
        icons: [{
            icon: lineSymbol,
            offset: '0',
            repeat: '20px'
        }]
    });
}   

addPolyline({
    flightPath: flightPlanCoordinates,
    color: "#f9a61e"
});

但是如何更改 lineSymbol 内部但作为图标键的一部分在 addPolyline 中调用的不透明度。

Answer 1

您只需使用props 初始化 lineSymbol 中的值即可传递所需的值

function addPolyline(props){  
   lineSymbol.strokeOpacity = props.symbolOpacity;   
   flightPath = new google.maps.Polyline({ 
    ...

或者，如果您不想修改全局lineSymbol

 function addPolyline(props){  
   var symbol = Object.assign({}, lineSymbol)
   symbol.strokeOpacity = props.symbolOpacity;   
   flightPath = new google.maps.Polyline({ 
     ...
     icons: [{
        icon: symbol,

并用

调用

addPolyline({
    flightPath: flightPlanCoordinates,
    color: "#f9a61e",
    symbolOpacity: 0.8
});