(ArcGIS API for JavaScript) Creating a feature set and making a new feature layer with extra query parameters

Sample1.js

//Version using featurelayer query
require([
    "esri/Map",
    "esri/views/MapView",
    "esri/layers/FeatureLayer",
    "esri/tasks/support/Query",
    "esri/tasks/QueryTask",
    "dojo/domReady!"
  ],
  function (Map, MapView, FeatureLayer, Query, QueryTask, SimpleFillSymbol, Renderer) {

    let verticesLayer = new FeatureLayer({
      url: "url to feature layer"
    });

    //Create a new map and set the basemap to Dark gray
    var map = new Map({
      basemap: "dark-gray",
      //layers: [verticesLayer]
    });

    //set a new view and set the properties of the view
    var view = new MapView({
      container: "viewDiv",
      map: map,
      center: [-86.049, 38.485],
      zoom: 3
    });

    var citiesRenderer = {
      type: "simple", // autocasts as new SimpleRenderer()
      symbol: {
        type: "simple-fill", // autocasts as new SimpleMarkerSymbol()
        size: 6,
        color: "black",
        outline: { // autocasts as new SimpleLineSymbol()
          width: 0.5,
          color: "white"
        }
      }
    };

    var query = new Query();
    query.where = "1=1";
    query.outFields = ["*"];
    query.maxAllowableOffset = 10;
    query.returnGeometry = true;

    verticesLayer.load().then(() => {
      verticesLayer.queryFeatures(query).then((results) => {
        console.log(results);
        let myfeaturelayer = new FeatureLayer({
          source: results.features,
          fields: results.fields,
          objectIdField: "ObjectID",
          geometryType: results.geometryType,
          spatialReference: results.spatialReference,
          renderer: citiesRenderer
        });
        map.add(myfeaturelayer);
      });
    });

  });

Sample2.js

//Alternate version using query task
require([
    "esri/Map",
    "esri/views/MapView",
    "esri/layers/FeatureLayer",
    "esri/tasks/support/Query",
    "esri/tasks/QueryTask",
    "dojo/domReady!"
  ],
  function (Map, MapView, FeatureLayer, Query, QueryTask, SimpleFillSymbol, Renderer) {

    //Create a new map and set the basemap to Dark gray
    var map = new Map({
      basemap: "dark-gray",
      //layers: [verticesLayer]
    });

    //set a new view and set the properties of the view
    var view = new MapView({
      container: "viewDiv",
      map: map,
      center: [-86.049, 38.485],
      zoom: 3
    });

    var citiesRenderer = {
      type: "simple", // autocasts as new SimpleRenderer()
      symbol: {
        type: "simple-fill", // autocasts as new SimpleMarkerSymbol()
        size: 6,
        color: "black",
        outline: { // autocasts as new SimpleLineSymbol()
          width: 0.5,
          color: "white"
        }
      }
    };

    var queryStatesTask = new QueryTask({
      url: "url to feature layer" // URL of a feature layer representing U.S. states
    }); 

    var query = new Query();
    query.where = "1=1";
    query.outFields = ["*"];
    query.maxAllowableOffset = 10;
    query.returnGeometry = true;


     queryStatesTask.execute(query).then(function (result) {
      let myfeaturelayer = new FeatureLayer({
        source: result.features,
        fields: result.fields,
        objectIdField: "ObjectID",
        geometryType: result.geometryType,
        spatialReference: result.spatialReference,
        renderer: citiesRenderer
      }); 
       
      map.add(myfeaturelayer);
    });
  });