您的位置：首页 > Web前端 > JavaScript

【阅读】《head first javascript》第二章——存储数据

2014-08-21 19:28 267 查看

复习要点

脚本通常能以以下三种基本数据类型表示：文本（text）、数字（number）、布尔（boolean）
变量是可能在脚本过程中改变的数据
常量是不会改变的数据
关键字var用于创建变量，关键字const用于创建常量
javascript数据的类型在设定数据为特定值的同时建立。另外，变量值的类型可以改变（弱类型语言）
虽然javascript并未严格地要求，常量名称采用全部大写、变量名称采用小写驼峰型是一种良好的编程习惯（驼峰型：第一个单词首字母小写，后面的单词首字母大写）
创建常量的时候必定予以初始化，只要可能，最好也做变量的初始化
变量未初始化的时候，它将维持在未定义的状态（undefined），直到我们指派任何值过去
NaN代表非数字，也用于指出某段数据不是数字（当它期待中应该是数字的时候）
字符串相连与算数的加法非常不同，虽然都是加号（+）（这一点可以回想Java中输出两个数字的时候结果输出了什么）

初始化变量和常量

如果变脸没有初始化，就像这样var variable那么输出的就是一个未定义状态的关键字——undefined
三个类型的变量初始化是这样的：
①var number = 12;
②var text = "hello javascript";
③var boolean = true;

常量是和变量类似的，只不过把var改成了const

①const number = 12;
②const text = "hello javascript";
③const boolean = true;

这三种类型是通过等号右边来确定的，也就是说这个变量可能前一秒是数字后一秒就变成了字符串了

对于初始化变/常量，还有一点值得注意的是，变量的名称（标识符）最好是一些有意义的名字，比如如果要初始一个用户名应该使用username而不是使用music这样的名字
还要注意以下几点：

标识符至少有一个字符长
标识符的第一个字符必须为字母、下划线（_）或者美元符号（$）
第一个字符后可以接字母、下划线、美元符号和数字
空格与特殊符号（下划线与美元符号之外的符号）不可以放在标识符中的

加法与字符串相连

想想看这样输出的值是什么：

<span style="white-space:pre">	</span>var num1 = "1";
var num2 = 2;
alert(num1 + num2);

如果这样呢？

<span style="white-space:pre">	</span>var num1 = 1;
var num2 = 2;
alert(num1 + num2);

或者这样

<span style="white-space:pre">	</span>var num1 = "1";
var num2 = "2";
alert(num1 + num2);

学过其语言的同学应该很快就能得出答案
第一个是12,第二个是3，第三个是12
数字与数字之间用加号连接真的是做加法运算的，字符串与字符串之间用加法相连是两个字符串相连，
字符串和数字。。。。这一点和Java一样，把数字转换成字符串而后两者相连

可如果在最后的那个请款我真的想输出3怎么办呢？
那就先把num1和num2都给转化成数字在相加就好了。。。怎么转化呢
parseInt()函数帮你忙，浮点数用parseFloat()
改成这样

<span style="white-space:pre">	</span>var num1 = "1";
var num2 = "2";
alert(parseInt(num1)  + parseInt(num2));

验证表单的数据

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script type="text/javascript">

function verify() {

if(document.getElementById("text").value == "") {
//这一行的意思是：如果获得id为text的值是空的（""）
//那么就执行if中的代码
//document.getElementById("text")只是得到了id为text这个对象
//后面加了.value才真正获得了这个对象的内容
alert("你丫为什么不输入！");
} else {
alert("叫你输入你还真输入~真乖！")
}
}
</script>

</head>

<body>
<form>
请输入文字：<input type="text" id="text">
<input type="submit" value="send" onClick="verify();">
<--onClick事件顾名思义就是单击事件啦 -->
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航