JavaScript高级篇之part1

javascript高级与面向对象笔记整理，第一篇！！

JavaScript基础知识复习

JavaScript的基本组成

• ECMAScript 规定了 JavaScript 的语法规范
• DOM 提供了访问页面元素的 API
• BOM 提供了访问浏览器相关信息的 API

JavaScript的数据类型

简单类型

• string
• number
• boolean
• undefined

复杂类型

• Object
• function
• Array
• Date
• RegExp
• Math（对象）
• String
• Number
• Boolean
• null(特殊的)

获取类型的关键字 typeof

typeof 变量名（表达式）
//返回值为字符串类型

引用类型 值类型

引用类型

存储的是数据的地址的数据就是引用类型的数据

值类型

存储的数据本身的数据就是值类型的数据

赋值特征

• 值类型进行赋值的时候，直接将数据复制一份赋值给新的变量，两份数据互不影响
• 引用类型进行赋值的时候，将数据的地址复制一份赋值给新的变量，两个变量指向同一个对象，两个互相影响

in 关键字

for-in

用来遍历对象的属性的，每次遍历到的属性是字符串类型的

for(var k in obj){
	//这里的k就是每个键
}

in

检测对象中是否存在某个属性

属性名 in 对象名

逻辑中断

||

表达式1 || 表达式2
如果表达式 1 为真，就返回表达式 1 ，如果表达式 1 位假，则返回表达式 2

&&

表达式1 && 表达式2
如果表达式 1 为真，就返回表达式 2 ，如果表达式 1 为假，则返回表达式 1

delete关键字

• 删除未使用 var 声明的变量
• 删除对象的属性
• window 有自带的属性 name

continue 和 break

• continue 跳出本次循环，继续下次循环
• break 跳出整个循环，继续执行循环之后的代码

对象的动态特性

对象在创建出来之后，可以随时的新增成员（方法和属性），这就是对象的动态特性

调试工具的使用

• 普通断点
• 条件断点
• Elements 审查元素 做 css
• Console 跟页面在同一个 js 的运行环境中，可以写任何的 js 代码，也可以用 js 操作页面元素
• Sources 所有的资源文件都在这里，最重要的就是可以在这里对 js代码进行断点调试

异常处理

try{
    //可能出现异常的代码
}catch(e){
    //e 异常对象，异常信息
    //捕获异常后的处理代码
}finally{
    //不论是否发生异常，都会执行的代码
}

面向对象简单介绍

面向对象的基本概念

面向对象是一种思维方式，他是将解决问题的关注点放到了解决问题所需要的一些列对象身上

面向过程的基本概念

面向过程是一种思维方式，他是将解决问题的关注点放到了解决问题的每一个详细的步骤上

面向对象就是对面向过程的封装