青训营X豆包MarsCode 技术训练营之JS初级

64 阅读1分钟

第一次写,排版没怎么考虑,下次优化一下 JavaScript (JS) 是一种广泛使用的编程语言,主要用于网页开发。JS代码可以放置在三个位置:内部(在

变量命名规则限制为字母、数字、下划线和$,且数字不能开头。var关键字因其变量提升和重复声明的特性而被弃用,取而代之的是let和const,它们提供了块作用域,而var不提供。模板字符串提供了一种方便的字符串插值方法。

在JS中,undefined与数字相加结果为NaN,而null与数字相加会得到数字。prompt接收的值默认为字符串类型。作用域是JS查找变量的机制,从当前作用域向上逐级查找。JS的垃圾回收机制包括引用计数法、标记清除法和图的深度优化算法。

闭包和变量提升是JS中的重要概念。函数提升意味着函数可以在声明之前被调用。动态参数arguments仅存在于普通函数中,箭头函数没有arguments。剩余参数和展开运算符提供了处理不定数量参数的灵活性。箭头函数简化了函数的写法,但没有自己的this和arguments。

数组和对象的解构提供了一种从数组或对象中提取数据的简洁方式。forEach循环适合遍历数组和对象。对象的创建可以通过字面量、构造函数或Object静态方法实现。Object.assign用于对象的拷贝。Array和Object提供了多种静态方法来操作数组和对象,如reduce用于累加数组元素。

字符串操作包括split、substring、startsWith和includes等方法,这些方法使得字符串处理更加灵活和强大。 // 模板字符串示例 const age = 25; console.log(我今年${age}岁了`);

// 展开运算符和剩余参数 const sum = (a, ...b) => [...b].reduce((acc, curr) => acc + curr, a); console.log(sum(1, 2, 3, 4)); // 输出:10

// 箭头函数 const greet = name => Hello, ${name}; console.log(greet("Kimi"));

// 对象解构 const obj = { name: 'Kimi', age: 30 }; const { name, age } = obj; console.log(name, age); // 输出:Kimi 30

// forEach循环 const colors = ['red', 'green', 'blue']; colors.forEach((color, index) => { console.log(Color ${index + 1}: ${color}); });

// 字符串方法 const str = "Hello, world!"; console.log(str.split(", ")); // 输出:["Hello", "world!"] console.log(str.substring(0, 5)); // 输出:"Hello" console.log(str.startsWith("He")); // 输出:true console.log(str.includes("world")); // 输出:true`