JavaScript高级篇之part1

Posted on | In

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

continue 和 break

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

对象的动态特性

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

调试工具的使用

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

异常处理

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

面向对象简单介绍

面向对象的基本概念

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

面向过程的基本概念

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

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