JavaScript重点知识（一）

一.总括

基础知识：

1.变量

2.原型和原型链

3.作用域和闭包

4.异步和单线程

JS的API：

1.BOM，DOM操作

2.事件绑定

3.Ajax

4.JSOP

5.存储

二.基础知识

2.1知识点（变量）

1）变量类型

• 值类型（基本类型）VS引用类型（对象、数组、函数）
• typeof运算符

2）变量计算---强制类型转换

• 字符串拼接
• ==和===运算符
• if语句
• 逻辑运算

问题：

①何时用==和===：if(obj.a==null)相当于if(obj.a===null || obj.a===undefined)其他时候用===

②JS中的内置函数（数据封装类对象）：Object、Array、Boolean、Number、String、Function、Date、RegExp、Error

③JS变量按储存方式分为哪些类型：基本类型和引用类型（变量a赋给变量b，改变a，b会怎样）

④什么是JSON：JSON是一个JS对象，它有两个常用API（stringify和parse），同时也是一种数据格式

⑤typeof运算符：null、[ ]、{ }是object；函数是function；其它该是什么是什么

⑥if(xxx)：xxx表达式为0、NaN、null、'  '、undefined、false时if语句为错

2.2知识点（原型和原型链）

1）构造函数

function Foo(a,b){
    this.a = a;
    this.b = b;
    //默认返回this
}
//可以有很多实例，括号内可传参
var f1 = new Foo( );
var f2 = new Foo( );

2）构造函数扩展

var a = { } 相当于 var a = new Object( )
var a = [ ] 相当于 var a = new Array( )
function Foo( ){ } 相当于 var Foo = new Function( )

3）原型规则

• 所有引用类型，除了null，（即数组、对象、函数）都有一个_proto_属性（隐式原型），属性值是一个普通的对象。
• 所有函数都有一个prototype属性（显式原型），属性值也是一个普通的对象。
• 所有引用类型，除了null，（即数组、对象、函数）_proto_属性值指向它的构造函数的prototype属性。

obj._proto_ === Object.prototype

• 要找一个对象的某个属性时，若对象本身没有此属性就去它的_proto_(它构造函数的prototype)中找。

问题：

①判断一个变量是数组类型：instanceof、isArray( )

②写一个原型继承例子

③描述new一个对象的过程：创建新对象-->this指向新对象-->执行代码（对this赋值）-->返回this

④zepto(或者其他框架中)如何使用原型链

2.3知识点（闭包和作用域）

1）执行上下文

• 范围：一段<script>或者一个函数
• 全局作用域（一段<script>）
• 函数作用域（函数）

2）this

• this要在执行时才能确认值，定义时无法确认值。
• this指向：

①作为构造函数执行：
定义this空对象-->对this赋值-->返回this

②作为对象属性执行：
var obj = {
    name : 'a',
    personName : function( ){
        console.log(this.name)
    }
} //obj.personName( )指向obj

③作为普通函数执行：
function fn( ){
    console.log(this)
}//this指向window

④call,apply,bind改变this指向   

3）作用域（没有块作用域，有全局作用域和函数作用域。注：ES6有块作用域）

4）作用域链

• 自由变量：当前作用域没定义的变量
• 链：自由变量可以一直往父作用域（定义时的父作用域，不是执行时的作用域）

5）闭包

• 函数作为返回值
• 函数作为参数来传递

问题：

①变量提升的理解

②写一个闭包例子及实际开发中的闭包应用

③理解作用域：自由变量、作用域链、闭包两个场景

2.4知识点（异步和单线程）

1）什么是异步

• 异步非阻塞(setTimeout)，同步阻塞（alert）
• 需要异步：可能发生等待的情况，而等待过程不能阻塞程序运行

2）前端需要异步的场景

• 定时任务：setTimeout、setInterval
• 网络请求：ajax请求、动态<img>加载
• 事件绑定

3）异步和单线程

• 执行setTimeout后，传入它的函数会被暂存，不立即执行（单线程特点，不同时做两件事）
• 待所有程序执行完，处于空闲状态时，立马看有没有暂存起来的要执行
• 发现暂存起来的setTimeout中的函数，立即过来执行

2.5知识点（其他）

1）日期

var date = new Date( );
date.getTime( );//毫秒
date.getFullYear( );//年
date.getMonth( );//月
date.getDate( );//日
date.getHours( );//时
date.getMinutes( );//分
date.getSeconds( );//秒

2）Math

Math.random( )//获取随机数

3）数组API

forEach、every、some、sort、map、filter

4）对象API

for(item in obj){ }

问题：

①获取xxxx-xx-xx格式的日期

②获取长度一致字符串格式 随机数

③写一个能遍历对象和数组通用的forEach函数

这里只粗略列出知识点，不作详细介绍。