Javascript内核系列读后记录

第二章 基本概念

?

2.1数据类型

?

JavaScript中的数据类型分为两种：基本数据类型和对象类型，其中对象类型包含对象，数组，以及函数,基本类型包含字符串(String)，数值(Number)，布尔值(boolean),undefined,null

?

有关两者之间的转换时这样子的：

基本数据-->对象类型：基本数据类型在做一些运算时，会临时包装一个对象，做完运算后，又自动释放该对象。

对象数据-->基本类型：通过调用对象的valueOf()方法来取得对象的值，如果和上下文的类型匹配，则使用该值。

如果valueOf取不到值的话，则需要调用对象的toString()方法，而如果上下文为数值型，则又需要将此字符串转换为数值。

事实上，这种转换规则会导致很多的问题，比如，所有的非空对象，在布尔值环境下，都会被转成true

?

类型判断：

使用typeof和instanceof。用typeof会出现这种情况print(typeof array); //object ，此时建议用instanceof

?

变量，即通过一个名字将一个值关联起来，以后通过变量就可以引用到该值.

?

变量的作用域:

变量被定义的区域即为其作用域，全局变量具有全局作用域；局部变量，比如声明在函数内部的变量则具有局部作用域，在函数的外部是不能直接访问的.

?

第三章 对象与JSON

?

在JavaScript中，this表示当前上下文，即调用者的引用。

?

对象的声明有三种方式：

通过new操作符作用域Object对象，构造一个新的对象，然后动态的添加属性，从无到有的构筑一个对象。

定义对象的“类”:原型，然后使用new操作符来批量的构筑新的对象。(纠正下，使用原型类型和构造函数共同定义"类")

使用JSON。

建议：使用对象尽量用json来构造对象

?

第四章 函数

?

总的来说，函数本身是对象，在Javascript中可以:

被赋值给一个变量

被赋值为对象的属性

作为参数被传入别的函数

作为函数的结果被返回

用字面量来创建

另外可参考http://www.cn-cuckoo.com/2008/12/26/on-javascript-function-271.html

?

4.1 函数对象

?

4.1.1 创建函数的方式：

(1)var funcName = new Function( [argname1, [... argnameN,]] body );

例如：

var add = new Function("x", "y", "return(x+y)");

print(add(2, 4));

这种方式不推荐使用

?

(2)

声明式

function add(x, y){

?? ?return x + y;

}这种方式类似于java中的方法的写法

?

(3)

定义式

var add = function(x, y){

?? ?return x + y;

}这种方式事实上只是为全局对象添加了一个属性，属性名为add，而属性的值是一个对象。

?

4.1.2 函数的参数

通过arguments来模拟函数重载。

?

4.2 函数作用域

JavaScript中的变量作用域为函数体内有效，而无块作用域，我们在Java语言中，可以这样定义for循环块中的下标变量：

public void method(){

?? ?for(int i = 0; i < obj1.length; i++){

?? ? ? //do something here;

?? ?}

?? ?//此时的i为未定义

?? ?for(int i = 0; i < obj2.length; i++){

?? ? ? //do something else;

?? ?} ?

}

而在JavaScript中：

function func(){

?? ?for(var i = 0; i < array.length; i++){

?? ? ? //do something here.

?? ?}

?? ?//此时i仍然有值，及I == array.length

?? ?print(i);//i == array.length;

}

?

4.3 函数上下文

在Java或者C/C++等语言中，方法(函数)只能依附于对象而存在，不是独立的。而在JavaScript中，函数也是一种对象，并非其他任何对象的一部分。

函数的上下文是可以变化的，因此，函数内的this也是可以变化的，可以通过Function对象上的call或者apply函数来修改函数的上下文：

?

call和apply的区别在于：apply的第二个参数为一个函数需要的参数组成的一个数组。而call则需要跟若干个参数，参数之间以逗号(,)隔开即可。

?

?

第五章：数组

?

5.1中介绍了数组的2个特性。

其中length属性，与其他语言不同的是，这个变量并非只读属性。可以修改数组长度，如果修改的数组长度小于之前的，可以达到数组元素裁减效果。

?

另外数值的下标可以用字符串来表示，比如a['first'].事实上，在JavaScript的数组中，数字下标最终会被解释器转化为字符串.(这个有不同看法，即用字符串当下标，其实是对象的属性)

?

5.2中介绍了一些常见的数组方法

?

首先应该注意的是JavaScript的数组的排序函数sort是按照字母顺序排序的。所以当对数字进行排序时，会不准确。

解决办法如下：

array.sort(function(a, b){return a - b;});//正序

array.sort(function(a, b){return b - a;});//逆序

?

其二数组中没有提供删除元素的方法，需要自己去扩展。

扩展的两种方式如下：

修改原型链接的：

//Array Remove - By John Resig (MIT Licensed)

Array.prototype.remove = function(from, to) {

?? ?var rest = this.slice((to || from) + 1 || this.length);

?? ?this.length = from < 0 ? this.length + from : from;

?? ?return this.push.apply(this, rest);

};

相当于静态方法的：

//Array Remove - By John Resig (MIT Licensed)

Array.remove = function(array, from, to) {

?? ?var rest = array.slice((to || from) + 1 || array.length);

?? ?array.length = from < 0 ? array.length + from : from;

?? ?return array.push.apply(array, rest);

};

?

?

其三遍历数组时应该注意，如果我们扩展了内置对象Array，使用for…in遍历，会把扩展的方