JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结

JS对象与JSON互转换：

JS对象和JSON都是用来表示数据的形式，其中JS对象是在JS代码中使用的，而JSON则是用于数据交换的一种格式。在JS中，可以使用JSON.parse()方法将JSON字符串转换成JS对象，使用JSON.stringify()方法将JS对象转换成JSON字符串。

下面是将JSON字符串转换成JS对象的示例代码：

const jsonData = '{"name": "Tom", "age": 18}';
const obj = JSON.parse(jsonData);
console.log(obj.name);  // 输出 "Tom"

下面是将JS对象转换成JSON字符串的示例代码：

const obj = { name: 'Tom', age: 18 };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出 '{"name":"Tom","age":18}'

New Function():

New Function()是JS中的一个构造函数，可以将动态生成的JS代码字符串转换成可执行的JS函数并执行。使用New Function()的时候要小心，因为它执行的代码可以是任意的，也可以访问全局变量，存在安全隐患。

下面是使用New Function()动态生成JS代码并执行的示例代码：

const codeStr = 'console.log("Hello, New Function()");';
const newFunc = new Function(codeStr);
newFunc(); // 输出 "Hello, New Function()"

forEach():

forEach()是JS数组的一个方法，用于遍历数组的每个元素并执行一个指定的函数。它类似于for循环，但更加简洁易懂。

下面是使用forEach()遍历数组的示例代码：

const arr = [1, 2, 3];
arr.forEach((item) => {
  console.log(item);
});
// 输出 1
// 输出 2
// 输出 3

DOM事件流:

DOM事件流是JS中处理事件的机制，浏览器中的所有事件都是基于DOM事件流工作的。DOM事件流由三个阶段组成：捕获阶段、目标阶段和冒泡阶段。在事件发生时，事件会首先进入捕获阶段，在目标元素处达到目标阶段，最后进入冒泡阶段。可以使用 addEventListener()方法添加事件监听器，来处理DOM事件。

下面是使用addEventListener()添加事件监听器，处理DOM事件的示例代码：

const button = document.querySelector('button');
button.addEventListener('click', () => {
  console.log('点击了按钮');
});

以上是JS基础知识的简要介绍，还有很多知识点需要深入学习和掌握。