JavaScript 总汇小笔记

（嗯嗯嗯，我也想成为别人口中的大神，功夫足球——“我猪肉荣，又未尝不想成为一位伟大的舞蹈家”）

 

 

 

什么是javascript?

 

 

Javascipt是一种脚本语言，由web浏览器进行解释和执行。

 

JavaScript起源

JavaScript 诞生于1995年，它的出现主要用于网页的“行为”作处理。

1. ECMAScript（European Computer Manufacturers Association） :核心   我的理解：也算是一个标准吧。而这个标准须要个个厂商去实现。 然而，不一样浏览器厂商标准会有不一样的实现。至今发展有七个版本了，至于后面也确定会有更新。

2. DOM :文档对象模型(Document Object Model)  =》

   经过 JavaScript，您能够重构整个 HTML 文档。您能够添加、移除、改变或重排页面上的项目。
   要改变页面的某个东西，JavaScript 就须要得到对 HTML 文档中全部元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是经过文档对象模型来得到的

3. BOM :浏览器对象模型 BOM部分主要是针对浏览器的内容，其中经常使用的就是window对象和location，

   window是全局对象不少关于浏览器的脚本设置都是经过它。

   　　location则是与地址栏内容相关，好比想要跳转到某个页面，或者经过URL获取必定的内容。

   　　navigator中有不少浏览器相关的内容，一般判断浏览器类型都是经过这个对象。

   　　screen经常用来判断屏幕的高度宽度等。

   　　history不太经常使用，通常应该不会有写关于历史记录的脚本。更多详细参照：http://www.cnblogs.com/xing901022

下面咱们来正式去学习JavaScript吧

基础：

 （因此。。。我仍是滚去代码吧）

JavaScript 各类须要主要的小事项{

①JS中要严格区分大小写；  ②基本每条语句结束后要以分号结尾（;）；  3.JS中会忽略不少空格和换行，因此咱们能够利用空格和换行及进行格式化 （代码换行就是为了看得个清晰，容易维护）

}

1、JavaScript 输出形式有三种

1.以提示框形式显示 ：alert("hello world!");

2.以文档模式输出（网页）：document.write("你好 世界！");

3.在控制台里面输出：console.log("hello boss!");

   注意！：js是按循序执行的，通常状况下是重上往下执行/

2、js的存在方式也有三种（和CSS差很少）：

1. 行内js 直接在标签内引入：<a href="javascript:alert("我是在a连接里面的javascript");"> ，可是，这样属于行为与结构耦合，不方便维护，很是不推荐这样写。 
2. 内部js: 在直接在页面的<script></script>标签内写js代码

             优势：相对于使用行内js，内部js代码较为集中，与页面结构的实现代码耦合度较低，比较便于维护

             缺点：js代码仅限于当前页面的使用，代码没法被多个页面重复使用，致使代码冗余度较高

       3.外部js: 引入外部的js文件(推荐使用)

       优势：1.页面代码跟js代码实现有效分离，下降耦合度

　　          2.便于代码的维护和扩展

下面要开始认真啦！！！

（唉！永远也写不完的代码啊。。。）

 

3、js中的量

      1.字面量（都是一些不可改变的值）：字面量都是能够直接使用的，可是通常不会去直接去使用（额。。。好像有点先后矛盾了）

          好比 1 2 3 4 5   

      2.变量    变量能够用来保存字面量，并且变量值能够任意改变的，变量更加方便咱们使用，因此在开发中都是以变量去保存一个字面量，而不多去直接使用变量

         注意！！！不要乱声明一个变量（严重区分大小写）否则。。。

 

      3.声明变量。在js中用 var 关键字来声明一个变量 

          好比  var a； a = 123;  声明和赋值同时进行 ：var a = 123;

4、标识符（identifier） （变量名、函数名、属性名 又或者 自主命名一个标识符）

1.标识符是用来识别具体对象的一个名称。最多见的标识符就是变量名，以及后面要提到的函数名。JavaScript语言的标识符对大小写敏感，因此a和A是两个不一样的标识符。

2.声明一个标识符时，要遵照如下规则：   

   (1).标识符中能够含有字母、数字、下划线、$ 符号

   (2).标识符不能以数字开头   好比： var 1abc = 123; (错误！)

   (3).标识符不能是ES中的关键字（var）var  var = 123;(错误！) 、 保留字（class）var class = 123;(也是错误！)、true、false和null

        另外，还有三个词虽然不是保留字，可是由于具备特别含义，也不该该用做标识符：Infinity、NaN、undefined。

   (4).标识符通常都是采用驼峰式（双驼峰、单驼峰）命名法（首字母大写（小写），每一个单词开头字母大写，其他字母都是小写）

   (5).js底层保存标识符时，其实是采用 Unicode 编码（UTF-8）,因此理论来说，全部UTF-8 中含有的内容均可以做为标识符 。好比 ：var 一行白鹭 = 123； 但千万别用，这里只是说明一下而已。

5、JS数据类型

        js中有六种数据类型，包括五种基本数据类型（Number , String, Boolean, Undefined, Null）,和一种复杂数据类型（Object）。

typeof 操做符

因为js中的变量是松散类型的，因此它提供了一种检测当前变量的数据类型的方法，也就是typeof关键字.

typeof   123　　 //Number

typeof   'abc'　　//String

typeof    true       //Boolean

typeof    undefined   //Undefined

typeof    null        //Object

typeof    { }           //Object

typeof    [ ]           //Object

typeof    console.log()       //Function

null类型进行typeof操做符后，结果是object，缘由在于，null类型被当作一个空对象引用。

1.Number类型

Number类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值。

NaN:非数字类型。特色：① 涉及到的 任何关于NaN的操做，都会返回NaN   ② NaN不等于自身。

isNaN() 函数用于检查其参数是不是非数字值。

isNaN(123)  //false   isNaN("hello")  //true

2.String类型

字符串有length属性。

字符串转换：转型函数String(),适用于任何数据类型（null,undefined 转换后为null和undefined）；toString()方法（null,defined没有toString()方法）。

在字符串中咱们还可使用\（反斜杠）做为转义字符

好比：\"文字" ； \'文字' ； \n  表示换行 ； \t 表示制表符

3.Boolean类型

该类型只有两个值，true和false

4.Undefined类型

只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefined。

5.Null类型

null类型被看作空对象指针，前文说到null类型也是空的对象引用。

6.Object类型

js中对象是一组属性与方法的集合。这里就要说到引用类型了，引用类型是一种数据结构，用于将数据和功能组织在一块儿。引用类型有时候也被称为对象定义，由于它们描述的是一类对象所具备的属性和方法。

三大引用类型

1.Object类型

咱们看到的大多数类型值都是Object类型的实例，建立Object实例的方式有两种。

第一种是使用new操做符后跟Object构造函数，以下所示

var person = new Object();

person.name = "Micheal";

person.age = 24;

第二种方式是使用对象字面量表示法，以下所示

var person = {

　　name : "Micheal",

　　age : 24

};

2.Array类型

数组的每一项能够用来保存任何类型的数据，也就是说，能够用数组的第一个位置来保存字符串，第二个位置保存数值，第三个位置保存对象....另外，数组的大小是能够动态调整的。

建立数组的基本方式有两种

第一种是使用Array构造函数，以下所示

var colors = new Array("red","blue","yellow");

第二种是使用数组字面量表示法，以下所示

var colors = ["red","blue","yellow"];

组成部分:

数组实际上是由多个(键-值)所组成的一个多容器

数组的索引 默认是从0开始的

 

定义数组

vararr= new Array(23,23,45,56,435);

vararr2 = [23,34,546];

vararr3 = new Array();

arr3[0] = 234;

arr3[1] = 234;

3 Function类型

每一个函数都是Function类型的实例，并且都与其余引用类型同样具备属性和方法。函数一般是使用函数声明语法定义的，以下所示

function sum(num1,num2){

　　return num1 + num2;

};

这和使用函数表达式定义函数的方式相差无几。

var sun = function (){

　　return sum1 + sum2;

};

也就是说，js按照存储方式分为值类型和引用类型。那么他们的计算有什么区别呢？

题目1： var a = 100;

　　　　var b = a;

　　　   a = 200;

　　　　console.log (b);

题目2： var a = {age : 20};

　　　　var b = a;

　　　　b.age = 21;

　　　　console.log (a.age);

题目1的答案是 100，题目2的答案是21，

题目1是简单的值类型，在从一个变量向另外一个变量赋值基本类型时，会在该变量上建立一个新值，而后再把该值复制到为新变量分配的位置上。

此时，a中保存的值为 100 ，当使用 a 来初始化 b 时，b 中保存的值也为100，但b中的100与a中的是彻底独立的，该值只是a中的值的一个副本，此后，
这两个变量能够参加任何操做而相互不受影响。也就是说基本类型在赋值操做后，两个变量是相互不受影响的。

题目2是引用类型，当从一个变量向另外一个变量赋值引用类型的值时，一样也会将存储在变量中的对象的值复制一份放到为新变量分配的空间中。

这时保存在变量中的是对象在堆内存中的地址，因此，与简单赋值不一样，这个值的副本其实是一个指针，而这个指针指向存储在堆内存的一个对象。那么赋值操做后，
两个变量都保存了同一个对象地址，则这两个变量指向了同一个对象。所以，改变其中任何一个变量，都会相互影响。

所以，引用类型的赋值实际上是对象保存在栈区地址指针的赋值，所以两个变量指向同一个对象，任何的操做都会相互影响。

      ----------------------------转载http://www.javashuo.com/article/p-eaqrplig-bs.html

6、JS中的算术运算符（一元运算，二元运算，三元运算）

 　　一、加减乘除  自增自减 （前后赋值仍是前后运算）

　　二、逻辑运算（与 或 非）

　　三、布尔值的与运算

　　四、赋值运算

　　五、关系运算

　　六、Unicode编码表

　　七、相等运算

　　八、条件运算

　　九、运算符的优先级

　　十、几种条件（判断）语句

 

7、JS 循环语句

　　一、_while循环

　　二、do_while循环

　　三、for 循环

　　四、_foreach 循环

　　五、。。。

8、对象（结合js数据类型）

　　来讲一下：

　　js中的数据类型：-String 字符串   -Number 数值  -Boolean 布尔值  -null 空  -Undefined未定义

　　——以上五种属于基本数据类型（都是属于单一的值，它们之间没有什么联系），若是使用基本数据类型，咱们所建立的都是独立 ，不能成为一个总体

　　之后看到只要不是以上的这几种，其他基本全是对象（Object） 

　　Object属于复合的数据类型（则与上相反）

　　objec 对象（能够做为一个总体，把咱们全部的属性和属性值都装起来 ——比如一个购物车，里面装着不少你购买的东西，而这些东西都是有相互之间的关系的）

　　对象的分类：

　　一、内建对象

　　　　由ES标准中定义的对象，在任何的ES的现实中均可以使用

　　　　好比：Math、 String、Number、Boolean、Function、Object...

　　二、宿主对象

　　　　由JS的运行环境提供的对象，目前来说主要由浏览器提供的对象

　　　　好比：BOM（浏览器对象模型）、DOM （文档对象模型）

　　三、自定义对象（须要咱们本身建立的对象）

　　　　由开发人员本身定义的对象

 

 　　自定义对象（增删改查）

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

待 未完结。。。