Js概念内容

语句

JavaScript程序是由若干语句组成的，语句是编写程序的指令。JavaScript提供了完整的基本编程语句，它们是：

赋值语句、switch选择语句、while循环语句、for循环语句、for in循环语句、do...while循环语句、break循环中止语句、continue循环中断语句、with语句、try…catch语句、if语句（if..else，if…else if…）。

函数

函数是命名的语句段，这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点：

1）函数由关键字function定义（也可由Function构造函数构造）。

2）使用function关键字定义的函数在一个作用域内是可以在任意处调用的（包括定义函数的语句前）；而用var关键字定义的必须定义后才能被调用。

3）函数名是调用函数时引用的名称，区分大小写，调用函数时不可写错函数名。

4）参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量，也可以是函数，在函数内部可以通过arguments对象（arguments对象是一个伪数组，属性callee引用被调用的函数）访问所有参数。

5）return语句用于返回表达式的值。

6）yield语句扔出一个表达式，并且中断函数执行直到下一次调用next。

一般的函数都是以下格式：

functionmyFunction(params){//执行的语句,要标明变量的类型}

函数表达式：

varmyFunction=function(params){//执行的语句，不声明void,要注意有返回值}varmyFunction=function(){//执行的语句}myFunction();//调用函数

匿名函数，它常作为参数在其他函数间传递：

window.addEventListener('load',function(){//执行的语句},false);

对象

JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。

一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。

内置对象

JavaScript 字符串(String)对象 
　　字符串是 JavaScript 的一种基本的数据类型。需要注意的是，JavaScript 的字符串不可变（immutable），String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法，返回的是全新的字符串，而不是修改原始字符串。
　　String 对象的 length 属性声明了该字符串中的字符数。
　　String 类定义了大量操作字符串的方法，一般分为这样几类：查找子字符串、截取，分割和拼接字符串、匹配正则表达式、改变字符串样式等。
　　JavaScript Date（日期）对象
　　Date 对象用于处理日期和时间，Date 对象会自动把当前日期和时间保存为其初始值。
　　Date 对象的大部分方法是以下几类：
　　getXXX：获取 年、月、日、时、分、秒、等等。
　　setXXX：设置 年、月、日、时、分、秒、等等。
　　toXXXString：转成一定格式的字符串。

JavaScript Array（数组）对象
　　数组对象的作用是：使用单独的变量名来存储一系列的值。
　　数组的常用属性是：length，代表了这个数组中元素的个数。
　　数组的常用方法分这么几类：排序、添加和删除元素、拼接另一个数组、转成字符串。其中添加元素和移除元素的几个方法还有模拟堆栈或队列这些数据结构的作用。
　　JavaScript Boolean（逻辑）对象
　　Boolean（逻辑）对象用于将非逻辑值转换为逻辑值（true 或者 false）。
　　在 JavaScript 中，布尔值是一种基本的数据类型。Boolean 对象是一个将布尔值打包的布尔对象。Boolean 对象主要用于提供将布尔值转换成字符串的 toString() 方法。当调用 toString() 方法将布尔值转换成字符串时（通常是由 JavaScript 隐式地调用），JavaScript 会内在地将这个布尔值转换成一个临时的 Boolean 对象，然后调用这个对象的 toString() 方法。
　　JavaScript Math（算数）对象
　　Math（算数）对象的作用是：执行常见的算数任务。
　　Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，不是某个对象的方法。您无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法。（相当于静态类和静态方法）
　　Math 对象的常用属性都是数学相关的常量属性，如圆周率π、2的平方根，算数常量e（自然对数的底数，约等于2.718）。
　　Math 对象中最常用的方法有这样一些：向上（向下）取整、四舍五入取整、随机数、返回2个数中的大数或小数。
　　JavaScript RegExp 对象
　　什么是 RegExp？
　　RegExp 是正则表达式的缩写。当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。您可以规定字符串中的检索位置，以及要检索的字符类型，等等。
　　这个知识点，相对还是比较繁杂的，想熟练掌握是需要花费一些功夫的，具体请看 JS 手册。
　　JavaScript Global 对象
　　这是一个固有对象，目的是把所有全局方法集中在一个对象中。Global 对象不能用 new 运算符创建。它在 Scripting 引擎被初始化时创建，并立即使其方法和属性可用。
　　属性：Infinity 属性 | NaN 属性
　　方法：escape 方法 | eval 方法 | isFinite 方法 | isNaN 方法 | parseFloat 方法 | parseInt 方法 | unescape 方法

事件

用户与网页交互时产生的操作，称为事件。事件可以由用户引发，也可能是页面发生改变，甚至还有你看不见的事件（如Ajax的交互进度改变）。绝大部分事件都由用户的动作所引发，如：用户按鼠标的按键，就产生click事件，若鼠标的指针在链接上移动，就产生mouseover事件等等。在JavaScript中，事件往往与事件处理程序配套使用。

而对事件的处理，W3C的方法是用addEventListener()函数，它有三个参数：事件，引发的函数，是否使用事件捕捉。为了安全性，建议将第三个参数始终设置为false

传统的方法就是定义元素的on…事件，它就是W3C的方法中的事件参数前加一个“on”。而IE的事件模型使用attachEvent和dettachEvent对事件进行绑定和删除。JavaScript中事件还分捕获和冒泡两个阶段，但是传统绑定只支持冒泡事件。

变量

常用类型

Object：对象

Array：数组

Number：数

Boolean：布尔值，只有true和false两个值，是所有类型中占用内存最少的

null：一个空值，唯一的值是null，表空引用

undefined：没有定义或赋值的变量

NaN：非数字类型

命名形式

一般形式是：

var <变量名表>;

其中，var是javascript的保留字，表明接下来是变量说明，变量名表是用户自定义标识符，变量之间用逗号分开。和C++等程序不同，在javascript中，变量说明不需要给出变量的数据类型。此外，变量也可以不说明而直接使用。

作用域

变量的作用域由声明变量的位置决定，决定哪些脚本命令可访问该变量。在函数外部声明的变量称为全局变量，其值能被所在HTML文件中的任何脚本命令访问和修改。在函数内部声明的变量称为局部变量。只有当函数被执行时，变量被分配临时空间，函数结束后，变量所占据的空间被释放。局部变量只能被函数内部的语句访问，只对该函数是可见的，而在函数外部是不可见的。

运算符

javascript提供了丰富的运算功能，包括算术运算、关系运算、逻辑运算和连接运算。

1.算术运算符

javascript中的算术运算符有单目运算符和双目运算符。双目运算符包括：+（加）、-（减）、*（乘）、/（除）、%（取余）、|（按位或）、&（按位与）、<<（左移）、>>（右移）等。单目运算符有：-（取反）、~（取补）、++（递加1）--（递减1）等。

2.关系运算符

关系运算符又称比较运算，运算符包括：<(小于)、<=（小于等于）、>（大于）、>=（大于等于）、==（等于）和!=（不等于）以及 === （全等）和 !===（全不等）。

关系运算的运算结果为布尔值，如果条件成立，则结果为true，否则为false。

3.逻辑运算符

逻辑运算符有：&&（逻辑与）、||（逻辑或）、!（取反，逻辑非）、^（逻辑异或）。

4.字符串连接运算符

连接运算用于字符串操作，运算符为+（用于强制连接），将两个或多个字符串连结为一个字符串。

5.三目操作符？：

三目操作符“?:”格式为：

操作数?表达式1:表达式2

三目操作符“？：”构成的表达式，其逻辑功能为：若操作数的结果为true，则表述式的结果为表达式1，否则为表达式2。例如max=（a>b）?a:b；该语句的功能就是将a,b中的较大的数赋给max。

相关规则

在JavaScript中，“==="是全同运算符，只有当值相等，数据类型也相等时才成立。

等同运算符“=="的比较规则：

当两个运算数的类型不同时：将他们转换成相同的类型。

1)一个数字与一个字符串，字符串转换成数字之后，进行比较。

2)true转换为1、false转换为0，进行比较。

3)一个对象、数组、函数与 一个数字或字符串，对象、数组、函数转换为原始类型的值，然后进行比较。(先使用valueOf,如果不行就使用toString)

4)其他类型的组合不相等。

想两个运算数类型相同，或转换成相同类型后：

1)2个字符串：同一位置上的字符相等，2个字符串就相同。

2)2个数字：2个数字相同，就相同。如果一个是NaN,或两个都是NaN,则不相同。

3)2个都是true，或者2个都是false，则相同。

4)2个引用的是同一个对象、函数、数组，则他们相等，如果引用的不是同一个对象、函数、数组，则不相同，即使这2个对象、函数、数组可以转换成完全相等的原始值。

5)2个null，或者2个都是未定义的，那么他们相等。

而“===”是全同运算符，全同运算符遵循等同运算符的比较规则，但是它不对运算数进行类型转换，当两个运算数的类型不同时，返回false;只有当两个运算数的类型相同的时候，才遵循等同运算符的比较规则进行比较。

例如：null==undefined 会返回真， 但是null===undefined 就会返回假！

表达式

表达式是指将常量、变量、函数、运算符和括号连接而成的式子。根据运算结果的不同，表达式可分为算术表达式、字符表达式、和逻辑表达式。

脚本语言

不同于服务器端脚本语言，例如PHP与ASP，JavaScript是客户端脚本语言，也就是说JavaScript是在用户的浏览器上运行，不需要服务器的支持而可以独立运行。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题：安全性。而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。

JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。解释语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。而且由于每次重新加载都会重新解译，加载后，有些代码会延迟至运行时才解译，甚至会多次解译，所以速度较慢。

与其相对应的是编译语言，例如Java。Java的源代码在传递到客户端运行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。但是它必须在服务器端进行编译，这样就拖延了时间。但因为已经封装，所以能保证安全性。

Javascript库

库，指得是可以方便应用到现有开发体系中的、现成的代码资源。库不仅为大部分日常的DOM脚本编程工作提供了快捷的解决方案，而且也提供了许多独特的工具。虽然库使用起来很方便，但它们也并非能解决你所有的问题。在使用库之前，一定要保证真正理解javascript的DOM原理。

这些库一般是一个（或多个）js（Javascript的缩写）文件，只要把他们导入你的网页就能使用了。

常用的库有：

jQuery：javascript库中的新成员，提供css和xpath选择符查找元素、ajax、动画效果等

JSer: 国人开发的一款全功能的开源脚本框架. 借助JSer，可以便捷的操作DOM、CSS样式访问、属性读写、事件绑定、行为切换、动态载入、数据缓存、URL与AJAX等众多功能。

dojo：一个巨大的库，包括的东西很多，dijit和dojox是dojo的扩展，几乎你想要的各种javascript程序都包括了。

prototype：一个非常流行的库，使用了原型链向javascript中添加了很多不错的函数

YUI：（YahooYUI库）yahoo！用户界面，非常实用，提供各种解决方案。

ExtJs：组件非常丰富，皮肤也很漂亮，动画效果也丰富。