JavaScript简单入门

基本概念

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。

下面说说作为一款编程语言的共同点，相信大家都很熟悉了。

1. 运算符

运算符就是完成操作的一系列符号，它有：赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符（=,-,*,/,++,--,%）、比较运算符（>,<,<=,>=,==,===,!=,!==）、逻辑运算符（||,&&,!）、条件运算符（?:）、位移运算符（|,&,<<,>>,~,^）和字符串运算符（+）。

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

2. 表达式

运算符和操作数的组合称为表达式，通常分为四类：赋值表达式、算术表达式、布尔表达式和字符串表达式。

3. 语句

JavaScript程序是由若干语句组成的，语句是编写程序的指令。JavaScript提供了完整的基本编程语句，它们是：赋值语句、switch选择语句、while循环语句、for循环语句、for each循环语句、do...while循环语句、break循环中止语句、continue循环中断语句、with语句、try...catch语句、if语句。

4. 函数

1）函数由关键字function定义（也可由Function构造函数构造）
2）使用function关键字定义的函数在一个作用域内是可以在任意处调用的（包括定义函数的语句前）；而用var关键字定义的必须定义后才能被调用
3）函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名
4）参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量，也可以是函数，在函数内部可以通过arguments对象（arguments对象是一个伪数组，属性callee引用被调用的函数）访问所有参数
5）return语句用于返回表达式的值。
6）yield语句扔出一个表达式，并且中断函数执行直到下一次调用next。

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

function myFunction(params){
//执行的语句
}

函数表达式：

var myFunction=function(params){
//执行的语句
}
var myFunction = function(){
//执行的语句
}
myFunction();//调用函数
匿名函数，它常作为参数在其他函数间传递：
window.addEventListener('load',function(){
//执行的语句
},false);

5. 对象

JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。一组包含数据的属性和对属性中包含数据进行操作的方法，成为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。

6. 事件

用户与网页交互时产生的操作，称为事件。事件可以由用户引发，也可能是页面发生改变，甚至还有你看不见的事件（如Ajax的交互进度改变）。绝大部分事件都由用户的动作所引发，如：用户按鼠标的按键，就产生click事件，若鼠标的指针在链接上移动，就产生mouseover事件等等。在JavaScript中，事件往往与事件处理程序配套使用。
而对事件的处理，W3C的方法是用addEventListener()函数，它有三个参数：事件，引发的函数，是否使用事件捕捉。为了安全性，建议将第三个参数始终设置为false。
传统的方法就是定义元素的on…事件，它就是W3C的方法中的事件参数前加一个“on”。而IE的事件模型使用attachEvent和dettachEvent对事件进行绑定和删除。JavaScript中事件还分捕获和冒泡两个阶段，但是传统绑定只支持冒泡事件。

7. 变量

如 var myVariable = "some value";
变量有它的类型，上例中myVariable的类型为string（字符串）
javascript支持的常用类型还有：
object：对象
array：数组
number：数
boolean：布尔值，只有true和false两个值，是所有类型中占用内存最少的
null：一个空值，唯一的值是null
undefined：没有定义和赋值的变量
实际上JavaScript的变量是弱变量类型，你赋值给他的是字符串，他就是String .
是数字他就是整型。是true和false他就是boolean型（注意，不能加引号，不然会被当成字符串处理）。

基本特点

JavaScript使网页增加互动性。JavaScript使有规则的重复的HTML文段简化，减少下载时间。JavaScript能及时响应用户的操作，对提交表单做及时的检查，无需浪费时间交由CGI验证。

JavaScript加入网页有两种方法：直接方式和引用方式。

直接方式

这是最常用的方法，大部分含有Javascript的网页都采用这种方法，如：

<script type="application/javascript">
<!--
document.write("这是Javascript！采用直接插入的方法！");
//-Javascript结束-->
</script>

引用方式

如果已经存在一个JavaScript源文件（通常以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。基本格式如下：

<script src=“url” type="text/javascript"></script>

面向对象性

JavaScript中并没有类的概念，但是JavaScript使用了一种叫“原型化继承”的模型，而且JavaScript中也有作用域、闭包、继承、上下文对象等概念。

作用域

作用域是指变量存在的域，在文档中德JavaScript脚本的作用域都是window。在JavaScript，function和let分隔作用域，例如：

var myVariable="outside";
function myFunction(){
	var myVariable="inside";
	alert(myVariable);
}
myFunction();
alert(myVariable);

结果会是先弹出内容为“inside”的对话框，然后弹出内容为“outside”的对话框，这就是function建立了一个作用域，而第一次提示的是myFunction作用域内的myVariable。

闭包

闭包也和作用域有关，它指的就是一个封闭的作用域（拥有外部变量，函数无法访问的变量和函数），一般都是用一个匿名函数来做成闭包的。

(function(){
　　var myVariable="private",
})();
alert(myVariable); // undefined

上下文对象

上下文对象指的就是this对象。它是一个只能读取而不能直接赋值的对象（就是你只能对this拥有的属性和方法赋值）。

如果你在一个对象中使用this，值得就是这个对象。

var obj={
　　getThis:function(){
　　	return this;
　　}
};

结束语

当然，JavaScript的内容还远远不止这些，这里我只做一个简单的介绍，作为是对初学者的入门。况且，我也是刚刚开始这一块，希望能经常跟各位大神们交流交流。