如何将对象传递给select中的函数？角度4

<select id="mySelect" data-object='{"name": "John", "age": 30}'>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>

<script>
  var select = document.getElementById("mySelect");
  var object = JSON.parse(select.getAttribute("data-object"));
  console.log(object.name); // Output: John
  console.log(object.age); // Output: 30
</script>

<script>
  var myObject = {"name": "John", "age": 30};

  function myFunction() {
    console.log(myObject.name); // Output: John
    console.log(myObject.age); // Output: 30
  }
</script>

<script>
  function createFunction(object) {
    return function() {
      console.log(object.name); // Output: John
      console.log(object.age); // Output: 30
    };
  }

  var myObject = {"name": "John", "age": 30};
  var myFunction = createFunction(myObject);
</script>