CSS-in-JS是一种将CSS嵌入JavaScript的前端开发技术，克服了传统CSS的局限性。其优点包括动态功能、局部作用域、可移植性和易于维护，但缺点是性能开销和包体积增加，尤其在React中，频繁渲染可能导致性能瓶颈。

JavaScript中的作用域决定了变量和函数的可访问性，分为全局作用域和局部作用域。全局变量可在整个程序中使用，局部变量仅限于函数内部。建议减少全局作用域的使用，以避免命名冲突，并通过局部作用域实现模块化和代码重用。掌握作用域有助于编写高效、可维护的代码。