Web编程笔记–前端篇（2）

Web编程笔记–前端篇（2）

这是根据老师给的资料和自己查找的资料整理出来的笔记，期末复习自用。因为博主是信息安全专业，所以内容有一些会和本专业相关。
本篇是关于Javascript的一些知识。

JavaScript

JavaScript是一种嵌入到HTML文件中的**基于对象(Object)和事件驱动(Event Driven)**并具有安全性的脚本语言

JavaScript的特点

• 一种客户端脚本编程语言
• 源代码不需经过编译，运行时由浏览器解释执行。
• 不允许访问本地的硬盘，不能将数据存入到服务器上，只能通过浏览器实现信息浏览或动态交互。
• 采用以事件驱动的方式直接对用户的输入作出响应。
• 跨平台性：依赖于浏览器本身，与操作环境无关，任何浏览器，只要具有JavaScript 脚本引擎，就可以执行JavaScript。

这里有一种说法：JavaScript是解释性语言。
这是因为通常是将JavaScript源代码直接嵌入到其他程序中，运行的时候再实时解析为机器码并执行。但根据博主现已阅读的资料来看，我认为没有任何一种语言是一定只能编译或解释执行的，JavaScript也可以编译执行。

解释性语言和编译性语言的区别可以看这篇博客

JavaScript语法

1. 两种嵌入方式

• 使用<script></script>进行声明
• 写在js文件中，用script src=“js文件路径” type=“text/javascript”></script>嵌入到HTML文档中

JavaScript对象

对象的属性与方法

var message="Hello World!"
var x=message.length

message即一个String对象，length即这个对象的属性。

var message="Hello World!"
var x=message.toUpperCase();

toUpperCase即访问对象的方法，用来将文本转换为大小写。

创建JavaScript对象

• 直接创建

person=new Object();
person.name="Alice";
person.age=19;
person.number=123456;

以上代码也可以用一行代替：
person={name:"Alice",age:19,number:123456};
我们可以用document.write()打印对象的属性值：
document.write(person.name+"is"+person.age+"years old.");
以上实例中，person是对象，name等都是它的属性。

• 使用函数构造对象

function person(name,age,number)
{
this.name=name;//在该函数中，this表示函数的所有者即person对象
this.age=age;//第二个age表示创建的age对象
this.number=number;}

调用该函数：
myFriend=new person(Alice,19,123456);

注：方法只不过是附加在对象上的函数。

代码题

1、创建一个长度为4的数组并赋值，输出初始的数组元素，将数组的长度变大，再输出长度变大的数组元素，将数组长度变小，再输出；

2、将数组的打印输出以及返回数组中的最大值的方法利用prototype属性添加到Array对象中。