前端web开发js加操作问题

前言
这段时间在学习前端，在用到js脚本写一个练习的时候，碰到了一个需要较长时间才能解决的问题！
现将问题重现下：从表单输入两个数字，然后对他们进行加运算，最后显示结果！刚开始我是直接在js脚本中获取两个值后，直接执行r=a+b，然后输出r，出人意料，得到的却是a和b的直接拼接结果，即“ab”！然后我又尝试a和b的减操作，却能得到正确预想的结果！于是对加减乘除操作都试了下，如图：


结论：
由此可知，从表单输入的数据都是string类型的数据，在进行加法操作时不会自动转换为number类型，所以会进行拼接！然后在执行其他如减，除，乘，求余操作时则会自动进行类型转换为number类型！那么问题来了，该用什么方法进行加法运算呢？
parseInt(要转换参数)或parseFloat(要转换参数)可以解决这个问题！