【滑稽】每日一记 Javascript基础：简介和变量

JS使用三种方式：
1、HTML页面内嵌JS代码（不提倡使用）
2、HTML页面中直接使用JS:

<script type="text/javascript">
JS代码
</script>

3、引用外部JS文件：

<script language="JavaScript" src="../../test.js"></script>

注意：

页面中JS代码与引用JS代码可以嵌入到HTML页面的任何位置，但位置不同会影响JS代码的执行顺序

例：如果<script> 在body前，会在加载前执行JS代码
页面中JS代码使用type="text/javascript"，引用外部JS文件使用anguage="JavaScript"
引用外部JS文件的标签<script></script>，必须成对出现，且标签内部不能有任何代码

 

JS中的变量：

变量的命名：
由字母数字下划线和$符组成，开头不能为数字，变量名区分大小写

变量命名需要符合驼峰法则:即变量开头为小写，之后每个单词首字母大写（或单词之间用下划线分隔）

 

JS变量声明的写法：
var width = 10：使用var声明的变量只在当前函数作用域有效；

或width=10：不使用var声明的变量，默认为全局变量，整个JS文件有效；
或var x,y,z：同一声明语句可以同时声明多个变量，变量之间用逗号分隔，但需要分别赋值
注意事项：
1、JS中所有变量类型声明均使用var，变量的具体数据类型取决于为变量所赋的值
2、同一变量可以在多次赋值时修改变量的数据类型
3、同一变量可以多次用var声明，但没有任何含义，不产生报错，第二次之后的声明，只会被理解为赋值

 

JS中的变量的数据类型：
undefined 未定义，用var声明的变量，没有进行初始化赋值

null 代表特殊变量类型，值为null，表示为空
boolean 布尔型，代表真假，值为true或false
number 数值型，可以为整数，也可为小数
string 字符串，用引号包裹的内容（包括双引号和单引号）即为字符串
object 对象类型（复杂数据类型，比如函数、数组。。）

 

常用的数值函数：
isNaN（）：用于判断一个变量或常量是否为非数值（NaN）
使用isNaN时会尝试使用Number（）函数进行转换，
如果能转换为数字，则不是非数值，结果为false
例："111" 纯数字字符串，会被转换为数字111
空字符串会被转换为0，true被转为1，false被转为0
当字符串中同时存在数字和其他字符时，结果为true

Number（）：将其他类型转化为数值类型
字符串类型转数值：
为纯数字字符串会转为对应数字："111"→111
为空字符串时，转为0
当包含其他非数字字符时，不能转换，提示NaN
布尔型 的true转为1，false转为0
null转为0，undefined不能转换，提示NaN
object类型 先使用valueof方法，确定函数是否有返回值，再根据上述各种情况判断

 

parseInt（）将字符串转为数值：
空字符串不能转换，结果为NaN
纯数值字符串，可以转换，小数转换时会直接去掉小数点，也不进行四舍五入
例："123"→123 ;"123.56"→123
包含其他字符的字符串，会截取第一个非数值字符的数值部分
例："123a456"→123 ；"a123b456"→NaN
parseInt只能转换string类型，一切非字符串（null/undefined/boolean）均不能转换，结果为NaN
parseFloat（）将字符串转为数值：
使用方式用parseInt，但转换小数字符串时，保留小数点，转换整数字符串时，直接保留整数

 

typeof（）用来检测变量的数据类型
未定义：undefined ；字符串：string ；true/false ：boolean ；
数值：number ；对象/null：object ；函数：function

 

常用的输入输出：
document.write() 文档中打印输出
输出语句，将write（）中的内容打印在浏览器中显示（打印在屏幕上）
除常量、变量以外的任何内容，打印时须放到引号内
打印的内容同时有多部分组成时，之间用+连接
例：document.write("abc"+"qwe"+ "<br/>");

document.write() 与document.writeln() 的区别：

document.write() //将内容写入文档，当前编辑位置为写入的内容的后一个字符 
document.writeln() //将内容写入文档，并添加一个换行符，当前编辑位置为写入的内容的后一行

只有在查看页面源代码的情况下才能看出来换行的情况。

说白了就是第一个写完不换行，第二个换行（输出的时候多了一个"\n"），但实际浏览器中通常把第二种输出的换行展示为空格

但放在pre标签中是不解析空白符的，所以这时的writeln在页面显示就是换行了

（以下内容虽然不是很明白，但还是先记下来：关于document.write()方法,还需要说明它的相关方法document.close().脚本向窗口(不管是本窗口还是其它窗口)写完内容后必须关闭输出流.在脚本的最后一个document.write() 方法后面.必须确保有document.close()方法.不这样做就不能显示图像和表单.而且,后面调用的任何document.write() 只会将内容追加到网页后,而不会清除现有内容,写入新值） 


alert() 弹窗输出，使用方式同上
prompt() 弹窗输入
例：prompt("请输入内容"，"abc");
两部分参数：第一部分为输入框的提示信息，通常不省略，
第二部分为输入框的默认信息，两部分之间逗号分隔，可以定义变量接收输入内容，
例如 var name = prompt("请输入内容"，"abc");
点击确定按钮，name获得输入内容，点击取消，name=null

注意：使用prompt()输入的值默认为字符串类型，如果需要进行数值计算需要将输入的值转换为数值型（通常用parseFloat（）转换）

例：

var a,b,c;
            a = parseFloat(prompt("输入第一个数字:")); //使用parseFloat 可以防止输入小数时小数点后被抹掉
            b = parseFloat(prompt("输入第二个数字:"));
            c = a+b;
            document.write("输入的第一个数字："+a);
            document.write("输入的第二个数字："+b);
            document.write("两个数字的和为："+c);