JavaWeb基础—JS学习小结

Posted 2020-09-09 ---江北

javascript是一种运行在浏览器中的解释型的编程语言
一、简介
js:javascript是基于对象【哪些基本对象呢】和和事件驱动【哪些主要事件呢】的语言，应用在客户端（注意与面向对象的区分）

js的三大特点：
　　交互性：信息的动态交互
　　安全性：不能访问本地磁盘的文件
　　跨平台性：能支持js的浏览器都能运行

JavaScript 对大小写敏感
与java的区别：（只是长得像而已，雷锋&雷峰塔）
　　 1.不同公司开发的语言，java:Oracl js:网景公司
　　2.java:面向对象 js：基于对象（已经有很多存在可以直接使用的对象）
　　3.java：强类型语言 js:弱类型语言
　　4.java:需要先编译再运行 js:不需要

js的组成：
　　ECMAScript
　　　　ECMA:欧洲计算机组织 基本语法
　　BOM
　　　　Broswer Object Model 浏览器对象模型
　　DOM
　　　　Document Object Model 文档对象模型
　　　　用以访问 html 元素的正式 W3C 标准

二、与HTML两种结合方式(建议放在</body>后）
　　1.使用script标签 <script type="text/javascript"> js代码 </script>
  　　那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。
  　　现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
　　2.使用script标签，引入外部js文件 <script type="text/javascript" src="js文件路径">【此处应为空】</script>
  　　提示：外部脚本不能包含 <script> 标签。

 　　请使用 document.write() 仅仅向文档输出写内容。
 　　如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：

三、基本语法(注释同java）
1.原始类型和变量声明：
　　五个数据类型：【string number boolean】 null undifined
　　JavaScript 变量有很多种类型，但是现在，我们只关注数字和字符串
　　极大或极小的数字可以通过科学（指数）计数法来书写：

　　使用var进行变量定义，使用typeof(变量名);查看当前变量类型
　　var data=new Data(); 拿到对象引用,null表示引用为空，父类都为Object
2.js的语句：
　　if判断语句（同java）
　　switch语句，弱类型，都支持 switch(){
　　case:
　　break;
　　case:
　　break;
　　}
　　循环语句 for while do{}while 类似java
3.js的运算符：
　　与java不同的，由于是弱类型，var i=1;1/10*10=1（不是java的0）
　　字符串+同java的拼接 相减时会真正执行（非数字报错NaN）- var str="2" str-1=1;
　　boolean类型也可以进行加减运算，true为1 false为0
　　== ：等于，只判断值，与类型无关
　　=== ：全等，检测值和类型
　　向页面输出：document.write();输出值或者HTML代码 ("aaa") ("<hr/>") 对应99乘法表案例
4.js的数组：
　　弱类型，存取数据无类型要求
　　表示方法： var arr=[1,"aa",true];
　　使用内置对象Array var arr1=new Array(5),长度为5； 取同java arr1[0]=1;
　　var arr2=new Array（3,4,5）;为具体元素
　　长度属性:length 如arr.length
5.js的函数：【写完方法记得调用，注意单双引号和分号的使用】
　　定义方式：使用function关键字：function 函数名（参数列表）{} 返回值可选
　　调用方法：函数名（参数列表）；参数列表不带类型
　　弱类型语言，无需类型
　　function add(a,b){ var sum=a+b; alert(sum);}
　　add(2,3);
　　匿名函数：function(){} 调用 var add3=function(){} add3(5,6);
　　与上一种类似
　　动态函数：【作了解】使用内置对象Function new Function("参数列表","方法体和返回值");
　　使用方式同上，参数列表 方法体可以提出来写
6.js的全局变量和局部变量
　　全局变量：在一个script中定义一个变量，全局js页面中都可以使用。（其它的script也可以）
　　**IE中调试工具，按F12

7.script标签的放置的位置：
　　理论上是全局都可以（包括HTML标签后）
　　原则：放在</body>后面，由于HTML是由上到下解析，可以保证获取到HTML中的值等。
8.js的重载：

　　js中是不支持重载的，原因是js中识别函数的唯一方法就是函数的函数名

　　如想模拟java的重载，可以通过函数体中队参数的判断进行模拟
9. JavaScript 对象
　　对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
　　var person={firstname:"Bill", lastname:"Gates", id:5566};
　　当然也可以new一个自己的 var person = new Object();
　　当您像这样声明一个 JavaScript 变量时：
　　var txt = "Hello";
　　您实际上已经创建了一个 JavaScript 字符串对象。字符串对象拥有内建的属性 length。
　　对于上面的字符串来说，length 的值是 5。字符串对象同时拥有若干个内建的方法