JavaScript核心概念及实践
基本概念
数据类型
- 基本:
string, number, boolean, object, null, undefined. - 对象:
array,function,object. - 转换. 对象类型->数组. 通过
valueOf()方法取得对象值,和上下文匹配则使用. 如果取不到,则toString(). - 类型推断:
instanceOf判断是否类型,譬如typeof handle=="function" typeof array =="object"等,[]识别成object,如果需要判断是不是数组, 或者对象是不是具体对象, 使用array instanceof Array方式.
变量
- 值传递和引用传递(传递引用地址): 对象类型是引用类型, 修改后改变. 譬如
var obj = [1,2,3]; var obj2 = obj; obj.push(4);obj2 也会受到影响. - 作用域提升. 函数体内声明, 无论在哪里, 都会造成整个函数体一开始就对改函数声明.
运算符
-
== ===前者会自动转换后匹配相同, 后者引用类型, 必须引用同一个地址才能判断相同. 同前面valueOf的例子, 如果对象重载了方法,包含很对对象, 和另一个对象只是在toString()时相同, 通过==是可以返回==的, 使用===可以确保二者不是同一个对象, 立马返回false.
对象/函数/数组
- 变量即window属性. (浏览器中) 如
var m = "global ; window.m = "global"二者是相同的 -
arguments参数. -
词法作用域. --无论在何处声明,都是提升至函数开始. - 执行上下文.
call apply -
length属性针对数组, 对于stack["first"] = "first"使用方式而言,stack.length == 0字符串下标不影响, 非字符串下标可利用length裁剪数组. -
join concat连接数组成字符串, 和连接2个数组合并为一. -
slice取数组部分不影响原数组,splice影响原数组`. splice裁剪并敷贴第三个及后续参数可增加内容. -
for .. in数组和remove delete函数需要自定义拓展.
闭包
- 循环体内定义函数引用局部变量, 外部调用后输出不符合预期, 会产生 闭包数据, 解决办法就是声明的内部方法, return 相应的函数体立即执行, 减少闭包变量提升.
- 闭包: 自执行函数对外封闭内部方法属性, 可用作缓存.
- 闭包上下文对象.
this的特殊处理
$(function(){
var con = $("div#panel");
this.id = "content";
var self = this;
con.click(function(){
alert(self.id);
})
}
引入self的目的是, 不引入self的情况下, con的click调用形式闭包, 导致this指向的其实是panel对象, 发生改变, 需要保存我们方法的对象为this.
