浅谈JavaScript入门基础:
在对JavaScript的内容进行深入研究前,我对JavaScript的基础方面进行一次系统性的整理,下面把这些知识分享给大家。
1 JavaScript的组成:
ECMAScript:解释器--将人类可读可解的语言与计算机语言进行交互,方便计算机运行,方便人类读解。
DOM:Document Object Modle。--通过DOM对HTML进行操作。
BOM:Browser Object Modle。--通过BOM来对浏览器窗口进行操作。
关于三者兼容性问题:
ECMAScript:几乎没有兼容性。
DOM:有一些操作不兼容。
BOM:完全不兼容。(利用较少)
2 (1)变量类型
常见的类型:number,string,boolean,undefined,object,founction。
在用变量时,最好一个变量只放一种类型的数据,避免在代码操作时混乱。
(2)数据类型的转换
例子:计算两个文本框的和(代码在最后)
显示类型的转换(强制类型的转换)
parseint(),parsefloat()
NaN的意义和检测。(not a number)
隐藏类型转换
计算==
减法操作
3 变量作用域和闭包
变量作用域:局部变量,全局变量。
什么是闭包:
子函数可以使用父函数中的局部变量。
之前我们一直在使用闭包。
可以看看网上对闭包的定义。
4 命名规范
命名规范及必要性:
可读性-能看懂;
规范性-符合规则;
匈牙利命名法
类型前缀;
首字母大写。
还有一些基础后面继续进行随笔,下面把类型转换给大家讲一下:
我们通过计算两个文本框的和来解释它,首先,我们进行代码:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title><script> function dianji(){ var shuzione=document.getElementById("shuzi1"); var shuzitwo=document.getElementById("shuzi2"); var zonghe=document.getElementById("he"); alert(shuzione.value+shuzitwo.value)
}</script></head><body><input type="text" id="shuzi1" /><input type="text" id="shuzi2" /><input type="button" value="求和" id="he" onclick="dianji()"></body></html>运行后我们计算1+2发现,得出来的结果是12;如图
产生这种现象的原因是 :“+”号既可以是字符串的链接,也是数字之间的相加,显然,系统进行的字符串的链接。
解决办法很简单,我们通过 parseint(),parsefloat()来解决。
在此看代码(利用if进行了完整化)
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title><script> function dianji(){ var shuzione=document.getElementById("shuzi1"); var shuzitwo=document.getElementById("shuzi2"); var zonghe=document.getElementById("he"); var n1=parseInt(shuzione.value); var n2=parseInt(shuzitwo.value); if(isNaN(n1) )
//isNaN判断它是否是一个数字//
{ alert("你输入的第一个数字有误"); } else if(isNaN(n2) { alert("你输入的第二个数字有误"); } else{ alert(n1+n2); } }</script></head><body><input type="text" id="shuzi1" /><input type="text" id="shuzi2" /><input type="button" value="求和" id="he" onclick="dianji()"></body></html>运行如下:
。
这就是数据类型的应用。
也是今天比较重要的一点,希望大家可以理解,后面的知识也会慢慢写出来。