[读书笔记]JavaScript核心概念及实践

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.