javascript - fel i typescript för each-loop syntax

Jag försöker skapa en klass med TypeScript 2.0.3 men jag har några problem och jag vet inte varför.

det här är min kod

import { Component, OnInit } from '@angular/core'; 
import {Car} from '../interfaces/car';

class PrimeCar implements Car 
{
  constructor(public vin, public year, public brand, public color) {}
}
@Component({
  selector: 'rb-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.css']
})
export class TestComponent implements OnInit {
  displayDialog: boolean;
  car: Car = new PrimeCar(null, null, null , null);
  selectedCar: Car;
  newCar: boolean;
  cars: Car[];
  constructor() { }
  ngOnInit() {
this.cars = [ {vin: '111', year: '5554' , brand: '5646' , color: '6466' },
              {vin: '111', year: '5554' , brand: '5646' , color: '6466' },
              {vin: '111', year: '5554' , brand: '5646' , color: '6466' },
              {vin: '111', year: '5554' , brand: '5646' , color: '6466' }
             ];
  }    
  showDialogToAdd() {
    this.newCar = true;
    this.car = new PrimeCar(null, null, null, null);
    this.displayDialog = true;
  }
  save() {
    const cars = [...this.cars];
    if (this.newCar) {
      cars.push(this.car);
    } else {
      cars[this.findSelectedCarIndex()] = this.car;
    }
    this.cars = cars;
    this.car = null;
    this.displayDialog = false;
  }
  delete() {
    const index = this.findSelectedCarIndex();
    this.cars = this.cars.filter((val, i) => i !== index);
    this.car = null;
    this.displayDialog = false;
  }
  onRowSelect(event) {
    this.newCar = false;
    this.car = this.cloneCar(event.data);
    this.displayDialog = true;
  }    
  cloneCar(c: Car): Car {
    const car = new PrimeCar(null, null, null, null);
    for (let  prop: string in c) {
      car[prop] = c[prop];
    }
    return car;
  }
  findSelectedCarIndex(): number {
    return this.cars.indexOf(this.selectedCar);
  }
}

I cloneCar-metoden får jag detta fel när jag försöker skriva:

for (let  prop: string in c) {
...}

Tslint: identifier 'prop' tilldelas aldrig om, använd const istället för let

detta är en bildavbildning från min IDE: se fel här

NB: Jag använder denna kod i ett Angular-projekt version 2.3.0

Lite hjälp, tack!

Svar #1

Ditt IDE har rätt. Du deklarerar prop med let och inte med const.

let är för variabler som kan ändras. Till exempel:

let x = 5;
x = 7;

Vi deklarerade x och sedan ändrade vi dess värde.

const är för värden som inte kommer att förändras. Till exempel:

const x = 5;
x = 7; // Throws an error.

Så, i ditt fall, eftersom prop inte ändras och inte kommer att ändras, måste det vara en konstant (const):

for (const  prop: string in c) {
...}

Kolla denna dokumentation för en djupare förståelse.

Svar #2

Variabeln prop används bara för att läsa. Du tilldelar ingenting till den, så den ändras inte. Detta betyder att det borde vara const, inte let.

Relaterade artiklar