javascript&jQuery交互式Web前端开发总结------javascript基础

前言：

JavaScript如何使Web浏览器更富有交互性

• 访问内容
  可以使用JavaScript选择HTML页面上的任意元素，属性或文本。
• 修改内容
  可以使用JavaScript将元元素，属性和文本添加待页面上，或者删除他们。
• 编制规则
  可以为浏览器指定一组要执行的步骤（就像食谱的烹饪步骤一样），这些步骤使浏览器能够访问或修改页面上内容
• 响应事件
  可以指定一段脚步，让他再某个特定事件发生时运行。例如：按下按钮，点击链接，一定时间后等。

内容：

JavaScript基础指令

语句：一段脚本就是一系列计算机能够一步步执行的指令。每一条单独的指令或步骤就称为一条语句。语句要以分号结尾。
注释：当行注释用 // ；多行注释开头用/ * */结尾。
变量：声明变量var quantity；（注意变量的作用域）。
数据类型：不像其它编程语言一样，JavaScript声明变量不需要指定它所包含的数据类型。

• 数字数据类型
• 字符串数据类型(字符串变量需总是写在同一行上)
• 布尔数据类型
• 数组
• 对象
• underfined（变量被声明但未被赋值）
• null（有值的变量，可能曾被赋值，但现在没有值）
• object（数组和函数被认为是对象的类型）

注意事项

1. 变量存储字符串

• 字符串必须总是被写在同一行。
• 由于字符串必须放置在单引号或双引号中，因此如果要在字符串中使用双引号，就要使用单引号来包含整个字符。（相反也是可以的，使用单引号用双引号包含）还可以使用转义字符，在字符串中需要引号的前面加反斜杠.

2. 变量命名规则

• 名字必须以字母，美元符号$或下划线开头。
• 变量可以包含字母，数字，美元符号$或下划线。不能使用连字符号-和点.。
• 是大小写敏感，不能使用关键字和保留字。
• 变量要能够描述出信息。变量名超过一个单词组成，可以用骆驼命名法（第一个单词用小写，后面单词首字母大写），或者下划线命名法（单词之间用下划线，我比较喜欢这个）

3. 创建数组

• 法1：var colors；colors=['white','black','red'];（推荐这种）
• 法2：var colors = new Array('white','black','red');这种方法称为数组构造函数。这种方法后面有讲

函数,方法与对象：

函数和方法

1. 匿名方法和函数表达式

• 函数声明

function area(width,height){
	return width*height;}

解释器在执行每段脚步前会逐行搜寻变量和函数声明。这表明，函数可以在声明之前调用。

• 函数表达式
  如果将函数放在本该表达式呆的位置，它将被当作表达式对待，这称为函数表达式。在函数表达式中，名字1经常被忽略。没有名字的函数称为匿名函数。下面的函数存储在变量area中，可以像调用在函数声明中创建的函数一样调用。

var area = function(height,weigh){
	return height*weigh;};
var size = area(3,4)

在函数表达式中，解释器到达这条语句时时不会执行的。这意味着这在解释器发现这条语句之前，不能调用这个函数。这也意味着那个点之前出现的任何代码都可能修改函数的内容。

2. 立即调用函数表达式（IIFE）
   这些函数没有名称。在解释器经过他们时执行一次。下面area变量存储了这个从函数返回的值（不是存储函数以便调用）。

var area=( function(){
	var width=3;
	var height=2;
	return width*height;
	}() );//这行第一队括号告诉解释器马上调用函数可以在里面加参数。然后后面那个括号和开头那里确保解释器将这作为一个表达式对待

使用匿名函数与IIFE的时机：
他们用于任务中只要运行一次的代码。例如

• 当函数被调用时作为参数（为此函数计算出一个值）
• 对对象属性赋值
• 用于防止两段脚本因使用相同变量名产生冲突
• 用于时间处理程序和监听器

IIFE通常被用做一组代码的封装器。在此匿名函数中声明的任何变量能够有效保护变量，防止其它脚本中出现同名变量。

3. 变量作用域

• 局部变量
  在函数中用var创建的变量只能在此函数内部使用，这就是局部变量或函数级别变量。（称为函数级别作用域或局部作用域）
• 全局变量
  在函数外部创建的变量可以在脚本任何地方使用，这就是全局变量，具有全局作用域。全局变量在页面载入浏览器时就进驻内存。也就是说，全局变量比局部变量占更多内存和有命名冲突风险。

4. 内存和变量的工作原理
   每个变量的声明都存在内存开销。浏览器需要保存的变量越多，运行1脚本时需要的资源就越多。需要资源多时脚本就运行的越慢，即响应客户时间越长。

对象

对象将一组变量和函数组合起来，为你了解的真实世界中的某样事物创建模型。
在对象中变量被看作属性，函数被认为是方法。详细介绍每个对象
创建对象

1. 字面量语法
   就是平时经常用的，上个代码行了。

var hotel={
name:'quay',
rooms:40,
checkAvailability:function(){
return this.room; }
};

2. 构造函数语法
   new关键字和对象的构造函数相结合可创建一个空白对象，随后为其添加属性和方法()。var hotel=new Object()这个Object函数可以我们自己创建一个，也可以用原来有的，例如Date。利用这个，我们可以根据函数批量创建比较多的对象。例如好几个不同酒店对象。如下：

function Hotel(name,rooms,booked){
this.name=name;
this.rooms.rooms;
this.booked.booked;
this.checkAvailability=function(){return this.name;};
var quayHotel=Hotel(quayHotel,40,20);
var partkHotel=Hotel(parktHotel,50,10)
}

操作对象

1. 访问对象

//第一种
var name=hotel.name;/  .是成员操作符
//第二种
var name=hotel.['name'];//这个不能访问方法

2. 删除对象属性和方法

delete  hotel.name;

内置对象

1. 浏览器对象模型DOM（最顶端的是window对象）
   浏览器对象模型包含一系列表示当前窗口或标签的对象。window对象代表当前浏览器中的窗口或标签，位于浏览器对象模型BOM中的顶端。