javascript和jsx区别是什么？ 有大用

javascript和jsx区别是什么？下面本篇文章就来给大家介绍一下javascript和jsx区别，希望对大家有所帮助。

JSX，即JavaScript XML，一种在React组建内部构建标签的类XML语法。(增强React程序组件的可读性)

javascript和jsx区别：

1、浏览器只能识别普通的javascript，普通的css，并不能识别scss，jsx（scss是css的拓展，jsx可以看做是js的拓展），所以webpack的作用是把scss转换为css，把jsx转换为浏览器可以识别的js，然后浏览器才能正常使用；

2、javascript就是本身并不支持react里面的jsx（也就是在js文件里面直接写html那种），现在他们可以直接写是因为编辑器可以选择语言的解析模式了（待会截图给你看），编辑器正确显示是因为 虽然是.js文件，编辑器用了.jsx的解析模式，所以显示正确

3、.jsx文件会自动触发编辑器以jsx的模式解析当前的文件，所以可以更不会出错。

JSX语法，像是在Javascript代码里直接写XML的语法，实质上这只是一个语法，每一个XML标签都会被JSX转换工具转换成纯Javascript代码，React 官方推荐使用JSX，当然你想直接使用纯Javascript代码写也是可以的，只是使用JSX，组件的结构和组件之间的关系看上去更加清晰。

看代码：

示例代码

那么也就是说，我们写一个XML标签，实质上就是在调用React.createElement_x_x_x_x这个方法，并返回一个ReactElement对象。

以上就是javascript和jsx区别是什么？的详细内容，更多请关注html中文网其它相关文章！

来自  https://www.html.cn/qa/javascript/11388.html