一.总括
基础知识:
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函数
这里只粗略列出知识点,不作详细介绍。