首页 > Web开发 > 详细

js 基础总结

时间:2021-02-13 08:51:51      阅读:21      评论:0      收藏:0      [点我收藏+]
## 数据类型的分类和判断

* 基本(值)类型
  * Number ----- 任意数值 -------- typeof
  * String ----- 任意字符串 ------ typeof
  * Boolean ---- true/false ----- typeof
  * undefined --- undefined ----- typeof/===
  * null -------- null ---------- ===
* 对象(引用)类型
  * Object ----- typeof/instanceof
  * Array ------ instanceof
  * Function ---- typeof



### 基本(值)类型

1. String: 任意字符串
2. Number: 任意的数字
3. boolean: true/false
4. undefined: undefined
5. null: null

### 对象(引用)类型

1. Object: 任意对象
2. Function: 一种特别的对象(可以执行)
3. Array: 一种特别的对象(数值下标, 内部数据是有序的)



### 判断

- typeof
  可以判断: undefined/ 数值 / 字符串 / 布尔值 / function
  不能判断: null(object) array(object)

- instanceof
  判断对象的具体类型
- ===
  可以判断: undefined, null,因为这两种基本类型只有这一个值



### 1. undefined与null的区别?

- undefined代表定义未赋值
- nulll定义并赋值了, 只是值为null

### 2. 什么时候给变量赋值为null呢?

- 初始赋值, 表明将要赋值为对象
- 结束前, 让对象成为垃圾对象(被垃圾回收器回收)

### 3. 严格区别变量类型与数据类型?

数据的类型:

- 基本类型
- 对象类型

变量的类型(变量内存值的类型):

- 基本类型: 保存就是基本类型的数据
- 引用类型: 保存的是地址值





## 数据,变量, 内存的理解

* 什么是数据?
  * 在内存中可读的, 可传递的保存了特定信息的‘东东‘
  * 一切皆数据, 函数也是数据
  * 在内存中的所有操作的目标: 数据
* 什么是变量?
  * 在程序运行过程中它的值是允许改变的量
  * 一个变量对应一块小内存, 它的值保存在此内存中  
* 什么是内存?
  * 内存条通电后产生的存储空间(临时的)
  * 一块内存包含2个方面的数据
    * 内部存储的数据
    * 地址值数据
  * 内存空间的分类
    * 栈空间: 全局变量和局部变量
    * 堆空间: 对象 
* 内存,数据, 变量三者之间的关系
  * 内存是容器, 用来存储不同数据
  * 变量是内存的标识, 通过变量我们可以操作(读/写)内存中的数据  





## 对象的理解和使用

* 什么是对象?

  * 多个数据(属性)的集合
  * 用来保存多个数据(属性)的容器

* 属性组成:

  * 属性名 : 字符串(标识)
  * 属性值 : 任意类型

* 属性的分类:

  * 一般 : 属性值不是function  描述对象的状态
  * 方法 : 属性值为function的属性  描述对象的行为

* 特别的对象

  * 数组: 属性名是0,1,2,3之类的索引
  * 函数: 可以执行的

* 如何操作内部属性(方法)

  * .属性名

  * [‘属性名‘]: 属性名有特殊字符/属性名是一个变量





## 函数的理解和使用

* 什么是函数?

  * 用来实现特定功能的, n条语句的封装体
  * 只有函数类型的数据是可以执行的, 其它的都不可以

* 为什么要用函数?

  * 提高复用性
  * 便于阅读交流

* 函数也是对象

  * instanceof Object===true
  * 函数有属性: prototype
  * 函数有方法: call()/apply()
  * 可以添加新的属性/方法

* 函数的3种不同角色

  * 一般函数 : 直接调用
  * 构造函数 : 通过new调用
  * 对象 : 通过.调用内部的属性/方法

* 函数中的this

  * 显式指定谁: obj.xxx()
  * 通过call/apply指定谁调用: xxx.call(obj)
  * 不指定谁调用: xxx()  : window
  * 回调函数: 看背后是通过谁来调用的: window/其它

* 匿名函数自调用:

(function(w, obj){
//实现代码
})(window, obj)


* 专业术语为: IIFE (Immediately Invoked Function Expression) 立即调用函数表达式						  

* 回调函数的理解

* 什么函数才是回调函数?
  * 你定义的
  * 你没有调用
  * 但它最终执行了(在一定条件下或某个时刻)
* 常用的回调函数
  * dom事件回调函数
  * 定时器回调函数
  * ajax请求回调函数(后面讲解)
  * 生命周期回调函数(后面讲解)

js 基础总结

原文:https://www.cnblogs.com/Liwker/p/14399244.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!