JavaScript学习笔记记录我的旅程

1、什么是JavaScript?
(1) HTML只是描述网页长相的标记语言,没有计算,判断能力,如果所有计算,判断(比如判断文本框是否为空,判断两次密码是否输入一致)店铺放到服务器端执行的话网页的页面会非常的慢,用起来也很难用,对服务器的压力也很大,因此要求能在浏览器中执行一些简单的运算,判断,JavaScript就是一种在浏览器端执行的语言。
(2) JavaScript和Java没有直接的关系,唯一的关系就是JavaScript原名LiveScript,后来吸取了Java的一些特性,升级为JavaScript,JavaScript有时被简称为JS。
(3) JavaScript是解释性语言,无需编译就可以随时执行,这样哪怕语法有错误,没有语法错误的部分还是能够正确的执行。
JS的开发环境
(1) VS中JavaScript,Jqery的自动完成功能。
(2) JS是非常灵活的动态语言,不像C#等静态语言那样严谨。
JS入门
(1)

复制代码 代码如下:


<script type="text/javascript">
alert(new Date().toLocaleDateString());
</script>


(2) JavaScript代码放到<script>标签中,<script>可以放到<head>,<body>等任意位置,而且可以有不止一个<script>标签。alert函数是弹出消息窗口,new Date()是创建一个Date类的对象,默认值就是当前的时间。
(3) 放到<head>中的<script>在body加载之前就已经运行了,写在body中的<script>是随着页面的加载而一个个的执行的。
(4) 除了可以再页面中声明JavaScript之外,还可以将JavaScript写在单独的JS文件中,然后在页面中引入:<script src=https://www.jb51.net/”common.js” type=”text/javascript”></script>。声明到单独的JS文件的好处是多页面也可以共享,减少网络流量。
事件
(1) <a href="javascript:alert('Hello')">点击我</a>
<a href="javascript:void(0)">我就不弹出东西</a><br />
<a href="https://www.jb51.net/JSoop.htm">单击我</a>
(2) JavaScript中也有事件的概念,当按钮被点击的时候
1) <input type="button" value="单击我" />
2) 只有超链接的href中的JavaScript中才需要”JavaScript:”,因为他不是事件,而是把”JavaScript:'看成像”http:”,”ftp:”,”thunder://”,ed2k://,mailto://一样的网络协议,交由JS解析引擎处理,只有href中这一个特列。
JS变量
(1) JavaScript中既可以使用双引号声明字符串,也可以使用单引号声明字符串,主要是方便和HTML集成,避免转义符的麻烦。
(2) var i=10; //声明一个变量,名字为i,指向10这个整数,一旦指向10,i就是int类型, alert(i);
(3) JavaScript中有null,underfined两种,null表示变量的值为空,underfined则表示变量还没有指向任何的对象,未初始化。
(4) JavaScript是弱类型,表示变量的时候无法:int i=10.只能通过var i=10;声明变量,和C#中的var不一样,不是C#中的那样的类型推断。
(5) JavaScript中也可以不用var声明变量,直接用,这样的变量是”全局变量”,因此除非确实想用全局变量,否则使用的时候最好加上var。
(6) JS是动态类型的,因此var i=10;i=”abc”是合法的。
JavaScript
(1)

复制代码 代码如下:


var sum = 0;
for (var i = 0; i <= 100; i++) {
sum = sum + i;
}
alert(sum);


(2) 如果JavaScript中的代码有语法错误,浏览器会弹出报错信息,查看报错信息就能帮助排查错误。
(3) JavaScript的调试,使用VS可以很方便的进行JavaScript的调试,调试时需要注意几点:
1) IE的调试选项要打开,Internet选项-高级,去掉”禁用脚本调试”前的勾选。
2) 以调试方式运行界面。
3) 设置断点,监视变量等操作和C#一样。
判断变量初始化
(1) JavaScript中判断变量,参数是否初始化的三种方法。

复制代码 代码如下:


var r;
if (r == null) { if (typeof (r) == "undefined") { if (!x) {
alert("null"); alert("undefined"); alert("不X");
}
}
}


注:推荐用最后一种方法
函数的声明
(1) JavaScript中声明函数的方法:

复制代码 代码如下:


function Add(i1, i2) {
return i1 + i2;
}


(2) 不需要声明返回值类型,参数类型,函数定义以function开头

复制代码 代码如下:


var r = Add(10, 20);
alert(r);
var r = Add("tom,", "您好");
alert(r);


(3) JavaScript中不像C#中那样要求所有路径都有返回值。
匿名函数
(1)

复制代码 代码如下:


var f1 = function sum(i1, i2) {
return i1 + i2;
}
alert(f1(10, 20));


(2) 类似于C#中的匿名函数。
(3) 这种匿名的用法在Jquery中用法特别多。
(4)

复制代码 代码如下:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdjwdj.html