目录

一、简介:

二、特点：

三、组成：

四、与html的结合方式

五、语法：

5.1 变量

5.1 逻辑语句：

if语句

switch语句

while 系类语句

for循环语句

跳转语句：

异常处理语句：

5.2 运算符：

算术运算符

关系运算符

对象运算符：

逻辑运算符：

位运算符：

其他运算符：

arguments对象：

js的重载（面试）：

六、重点操作

6.1 Javascript——dom 和 bom , Cookies

6.2 Javascript——数据类型及其方法

一、简介:

1. 基于对象和事件驱动的语言，应用于客户端
2. 基于对象：提供好了对象，可以直接拿过来使用
3. 事件驱动：html做网站静态效果，js动态效果
4. 客户端：专门指的是浏览器

二、特点：

1. 交互性（信息的动态交互）
2. 安全性（不可以直接访问本地硬盘）
3. 跨平台性(只要支持js的浏览器，都可以运行)

三、组成：

1. ECM
2. BOM 浏览器对象模型
3. DOM 文档对象模型

四、与html的结合方式

1. 使用一个标签 <script type="text/javascript"></script>
2. 引入外部的文件<script type="text/javascript" src="被引用的js文件路径"></script>

注意：使用该方式的时候，就不要在js标签里面写js代码，不会执行

DHTML 是很多技术的简称

html : 封装数据

css : 使用属性和属性值设置样式

dom ：操作html文档

js : 专门指的是js的语法语句

五、语法：

5.1 变量

var : 声明变量

type(变量名称) 查看变量的数据类型

5.1 逻辑语句：

if语句

if 语法：
if(条件表达式1){
  代码块1；
}else if(条件表达式2){
  代码块2；
}else{
  代码块3；
}

switch语句

语法：
switch(条件表达式){
  case 标签1：
    代码段;
    break;
  case 标签2:
    代码段;
    break;
  ...
  default:
    代码块N;
}

while 系类语句

while 语法：
while(条件表达式){
  循环执行代码块
}
时机：先检查条件，在执行循环 条件不满足则循环一次也不执行

do-while 语法：
do{
  循环执行的代码块
}while(条件表达式);     
时机：希望一个动作至少被执行一次时

for循环语句

for 语法:
for(循环变量 = 初值；循环条件；递增/递减计数器){
   循环代码块
}
        
for-in 语法：
for(声明变量 in 对象){
  循环代码块
}
// 两个拿到的都是索引，需要根据索引在取值

跳转语句：

return  |  break  |  continue

异常处理语句：

throw 主动抛出异常

try   
  指明需要处理的代码块
catch 捕获异常
  执行代码块
finally
  后期处理

5.2 运算符：

算术运算符

+ - * / % += -= *= /= %=

i++ ++i i-- --i

关系运算符

< > <= >=

== != (比较的是返回值)

=== !== (比较的是返回值及数据类型)

比较原则：

null 与 undefined 相等

NaN 与任何数值都不想等包括其自身

对象 是否属于同一对象

对象运算符：

in 判断左侧运算数是否为右侧运算数的成员

instanceof 判断对象实例是否属于某个类或构造函数

new 根据构造函数创建一个新的对象，并初始化该对象

delete 删除指定对象的属性，数组元素或变量

. 及 [] 存取对象和数组元素

() 函数调用，改变运算运算符优先级等

逻辑运算符：

！逻辑非

&& 与 短路操作

|| 或

位运算符：

空

其他运算符：

三元运算符 var ret = a > b ? a ： b;

typeof 类型判定运算符

, 在一行语句中执行多个不同的操作

void 舍弃运算数的值，返回undefined作为表达式的值

引入知识：

直接向页面输出的语句： document.write();

arguments对象：

功能：存放实参的参数列表

属性：

length:获取函数实参的长度

callee：返回当前正在只想的的函数

caler: 返回调用当前正在执行函数的函数名

function myFunction(a, b) { 
  return arguments.length; 
}

 

js的重载（面试）：

1）js中不存在重载

2）js中可以模拟实现重载的效果，js中的参数都存在 arguments 这个数组里面。用if-else来模拟

if（arguments.length == 2）{
  return arguments[0]+arguments[1];
}else if（arguments.length == 3）{
  return arguments[0]+arguments[1]+arguments[2];