JavaScript学习笔记（1）

javascript部分知识点集合

---

javascript的概述

1、浏览器的架构：

用户界面
↓
浏览器引擎 →数据存储（只能存储小数据）
↓
浏览器内核
↓ ↓ ↓
网络 解释器 ui后端

2、js在网站中的应用

1、网页中的特效：例如轮播图、二级菜单、放大镜等
2、表单验证： HTML自带的表单验证兼容性较差，一般都使用js来实现。
3、ajax（啊贾克斯）：前后台交互。

3、js的概念及其特点

1、js是基于对象和事件驱动并具有安全性的脚本语言。
对象又分为：基于对象、面向对象、面向过程。
2、特点：
1、是一种脚本编写语言
2、基于对象的语言
3、简单性
4、安全性
5、动态性
6、跨平台性
4、jscript和javascript的区别
1、根据Jscript和JavaScript指定了一套ECMAscript标准
2、ECMAscript是Jscript的标准
3、Jscript是ECMAscript的实现。
4、在IE上运行的是Jscript，在新版的eage里运行的是JavaScript。

4、js的嵌入

1、内嵌式：

2、链接式：
首先需要单独建立一个js文件

JavaScript变量及数据类型

1、变量的概念

变量是存取数据的内存空间
内存是运行中的数据的暂存空间

2、变量的命名规则

1、以字母下划线开头，后面可以包括字母、数字、下划线。
2、不能包含特殊符号
3、不能使用JavaScript的关键字和保留字
3、国际标准命名法
1、驼峰命名法（Camel）：第一个单词第一个首字母小写，加下来的每个单词的首字母都大写。例：my Happy Date。
2、帕斯卡命名法（pascal）：每个字母开头都是大写 ， 例： My Happy Date。
3、匈牙利命名法：在pascal命名法前附加一个小写的字母或者小写的字母序列

3、变量的创建及初始化

1、先创建后使用： var a; a=2;
2、直接使用，由系统自动创建变量，是全局变量 a=2；
3、创建同时使用 var a=2

4、常用的数据类型

1、数值型（number）：实数和整数；
2、字符串型（string）：凡是用单引号或引号括起来的都是字符串类型；隐式类型转换：一侧式字符串型一侧不是，+会给它强制转换成字符串类型。
3、布尔型（bollean）：true false；
4、空类型（undefined）：nudefined（变量的空） / null(对象的空)
+加号的作用：1、加法运算符（+两侧都是数值型）
2、字符串连接符（+两侧只要出现了字符串类型）

5、类型测试 type of：

type NAN //number
type true //bollean
type “34” //string
type undefined //undefined

表达式

1、表达式的概念

由运算符连接操作数组成的式子。

2、算术运算符

+(加) 、-(减)、*(乘)、/(除)、%(取模)、-(负数)、++(自增)、–（自减）。

乘除的规则： 两侧操作数不是数值型，那么就会强制转换成数值型，如果无法转换，那么就转换成NAN，

自增自减的规则：在表达式中，只有自增运算符，那么++在前在后都是自增。

在表达式中，除了自增运算符还有其他运算符，那么++在前，先自增再运算，++在后先运算

3、比较运算符
==等于、===严格全等、！=非等、 ！==严格非等、>大于、<小于、>=大于等于、<=小于等于。
=是赋值
==是等于，只比较直，不比较类型。
===是严格全等，即比较值也比较类型。

4、逻辑运算符

逻辑与 && 一假即假，全真才为真。 结果都为true取&&后面的值

逻辑或 | | 一真即真，全假才为假

逻辑非 ！ 真即假，假即真，取反值

其他类型转换为布尔值的规则 0→false， 非0→true。

JavaScript控制语句

1、分支结构

1、单分支结构：如果条件为true执行{}里面所有语句，否则跳过if语句；

if(条件){
        语句；
        语句；
}

2、双分支结构：

if(条件){
     语句；
     语句；
}
           else{
 语句；
 语句；
}

3、多分支结构:

 if(条件){
语句；
语句；
}
        else if(条件){
          语句；
          语句；
}
        else if(条件){
           语句；
           语句；
}
         else if(条件){
            语句；
            语句；
}

4、多选一结构:

值相等，跳转到指定位置执行。

      
		       switch(表达式/变量){
		       case值1；
		       语句；
		       ........;
		       break;
		       case值2；
		       语句；
		       ........;
		       break;
		       case值3；
		       语句；
		       ........;
		       break;        
		       default;
		       语句;
}

5、循环:

1、 for循环
    for(循环变量初始化；条件；增量){
        语句；
        语句；
        .......;
}

6、while循环

while循环是直到型循环，直到条件为false退出循环

   			while(条件){
   			语句；
   			语句；
   			........;
   			增量;
   			}

7、do-while循环

           do{
				语句；
				语句；
				........;
			}
	          while(i<100)

while和do-while的区别：do-while先不判断条件，执行一次，再判断条件，成立执行，不成立不执行。

while先判断条件，成立执行，不成立不执行。

break和continue

break 跳出循环，一般用于死循环内。

continue 结束本次循环，开始下一次循环。

JavaScript函数

1、自定义函数

函数是完成指定功能的程序段，可以反复调用，减少代码冗余。

2、创建及调用自定义函数

1、函数定义/声明/创建

function 函数名 （形参,形参,......）{
     语句；
     语句；
     ........;
}

2、函数调用
函数名（实参，实参，…）；

3、有参函数

4、无参函数

5、带返回值的函数

return表达式/值，一般用在函数的最后一行，有结束的意思。
返回函数表达式的结果，只能使用一次，只能返回一个值

6、匿名函数
作为回调函数来使用它，可以和事件绑定，不能用实参。

7、回调函数
把一个函数作为一个参数转递到另一个函数中，并在这个函数中调用，作为参数的这个函数就叫回调函数，这种模式也叫异步。

8、内部函数

1、作用域

变量根据作用域分为：

全局变量（定义在函数外面的变量，可以在当前程序的任何位置使用，但会造成内存泄漏，没有用var定义变量，那么他就是全局变量）

局部变量（在函数中定义的变量，只能在当前函数中使用）

垃圾回收机制：回收已经使用过的函数，释放内存。

变量提升：使用var时会出现变量提升，先使用再定义的情况：

9、系统函数

1、URL编码函数: encodeURL();
2、URL解码函数: decodeURL();
3、数据类型转换为实数：parselnt（）；
4、数据类型转换为整数：parsefloat（）；
5、判断是否非数字： is NaN();

对象

1、内置对象
1、数组（Array）；
2、字符串对象(String);
3、时间（Date）；
4、数字（Number）;
5、数学 (Math);
6、函数/方法(Function);
7、异常(Error);
2、对象模型结构
1、语言核心（常量/变量、运算符、表达式、数据类型、控制语句等）；
2、基本内置对象（string、date、math等）；
3、浏览器对象（Bom）；
4、文档对象（Dom）；