JavaScript 基础知识-变数(2)

前一篇文讲到了变数的命名以及四种资料型别:数字,字串,布林,undefinded
这篇介绍,常见的输出方法以及变数上的算数应用

常见的输出方法,有弹跳视窗的输出方式:
alert();
或者利用检查人员的 console:
console.log();
console 在做输出的时候并不会渲染到页面上,需要打开检查人员工具的介面里的 console
输出的方法,这里再搭配变数的应用上,可以实际操作一次

变数的应用情况如下:
若今天一颗糖果卖5元,我买了7颗,总共需要多少钱?
我们可以先命名一个变数 var candy = 5;并给予一个值,代表一颗糖果5元
总共需要的钱,我们也命名一个变数来存放这个答案 var total;
此时我们就能来计算:

var candy = 5;var total;total = candy * 7;

以上是计算的方式,接着要把结果输出,用上面的两种输出方法皆可:
alert(total);
此时我们不用手动计算,JavaScript就可以帮我们计算出来

字串的方式也可这样应用:

var weather = '晴天';var today = '今天天气是';console.log(today+weather);

以上在 console 输出就会显示:今天天气是晴天

搭配 HTML 也可以针对前面讲到的选取 ID 以及 textContent 来应用:

<p>今天一颗糖果卖5元,我买了7颗,总共需要<span id="money"></span>钱</p><script>var candy = 5;var total;total = candy * 7;document.getElementById('money').textContent = total;</script>

此时,答案就会算完且被带进去我们选取的 ID 里面

上面讲述到的只有数字型别的计算,以及字串的相加,都是针对同样类型的资料型别
跨资料型别的计算还有待研究,似乎也是一个很大的坑 http://img2.58codes.com/2024/emoticon06.gif


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章