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

1
2
typeof 变量名(表达式)
//返回值为字符串类型

引用类型 值类型

引用类型

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

值类型

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

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

in 关键字

for-in

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

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

in

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

1
属性名 in 对象名

逻辑中断

||

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

&&

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

delete关键字

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

continuebreak

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

对象的动态特性

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

调试工具的使用

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

异常处理

1
2
3
4
5
6
7
8
try{
//可能出现异常的代码
}catch(e){
//e 异常对象,异常信息
//捕获异常后的处理代码
}finally{
//不论是否发生异常,都会执行的代码
}

面向对象简单介绍

面向对象的基本概念

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

面向过程的基本概念

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

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