JavaScript从入门到放弃（四）_【javascript从入门到放弃】四-优快云博客

原型prototype

我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype，这个熟悉对应这一个对象，这个对象就是我们所谓的原型对象。
如果函数作为普通函数调用prototype没有任何作用，当函数以构造函数的形式调用时，他所创建的对象中都会有一个隐含的属性，指向该构造的原型对象，我们可以通过proto来访问该属性
原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象，我们可以将对象中共有的内容，统一设置到原型对象中
当我们访问对象的一个属性或方法时，它会先在对象自身中寻找，如果有则直接使用，如果没有则会去原型对象中寻找，如果找到则去原型对象中寻找，如果找到则直接使用。
以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中，这样不用分别为每一个对象添加，也不会影响到全局作用域，就可以使每个对象都具有这些属性和方法了。

function MyClass(){

}
//向MyClass的原型中添加属性a
MyClass.prototype.a = 123;

MyClass.prototype.sayHello = function(){
 alert("hello");
}

var mc = new MyClass();

var mc2 = new MyClass();

//console.log(Myclass.prototype);
//console.log(mc2.__proto__ == MyClass.prototype);

console.log(mc.a);
mc.sayHello();

未完待续
书接上文

//创建一个构造函数
function MyClass(){}
//想MyClass的原型中添加一个name属性
MyClass.prototype.name = "我是原型中的名字";
var mc = new MyClass();
console.log(mc.name);
//使用in检查对象中是否含有某个属性，如果原型中有，也会返回true
console.log("name" in mc);
//可以使用对象的hasOwnProperty()来检查对象自身中是否含有该属性
//使用该方法只有当对象自身中含有属性时，才会返回true
console.log(mc.hasOwnProperty("name"));
//原型对象也是对象，所以他也是有原型
//当我们在使用一个对象的属性或方法时，会先在自身中寻找，自身中如果有则直接使用，如果没有则去原型对象中寻找，如果原型对象中有则使用，没有则去原型的原型中寻找，直到找到Object对象的原型，如果依然没有找到，则返回undefined

console.log(mc.__proto__.__proto__.hasOwnProperty("name"));

垃圾回收

在JS中拥有自动的垃圾回收机制，会自动将这些垃圾对象从内存中销毁，我们不需要也不能进行垃圾回收的操作。我们需要做的只是将不再使用的对象设置null即可。

数组

内建对象
宿主对象
自定义对象

数组（Array）
数组也是一个对象，它和我们普通对象功能类似，也是用来存储一些值的，不同的是普通对象时使用字符串作为属性名的，而数组是使用数字来作为索引操作元素
索引：从0开始的整数就是索引
数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据
向数组中添加元素
语法：数组[索引] = 值
读取元素
数组[索引]
数组的长度可以用length属性来获取，对于连续的数据，可以获取到数组的长度，非连续的数组，会获取到数组的最大的索引+1，索引尽量不要创建非连续的数组。

字面量数组

//使用字面量创建数组
var arr = [];
var arr = [1,2,3];
//使用构造函数创建数组
var arr = new Array(10,20);
//创建含有一个元素10的数组
arr = [10];
//创建一个长度为10的数组
arr =new Array(10);
数组中的元素可以使任意的数据类型
push():该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度
可以将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到数组的末尾
pop():该方法删除最后的一个元素，并将删除的元素作为返回值返回
unshift():想数组开头添加一个多元素，并返回新的数组长度，插入元素以后，其他的元素索引会依次调整
shift():该方法删除第一个元素，并将删除的元素作为返回值返回

数组的遍历
- 使用for循环
- 使用foreach，回调函数

var arr = ["孙悟空","猪八戒"];
//每次执行时，浏览器会将遍历的元素以实参的形式传递进来，我们可以定义形参，来读取这些内容
//浏览器会在回调函数中传递三个参数
//参数一：当前遍历的元素
//参数二：当前的索引
//参数三：遍历的数组
arr.forEach(function(value, index, arr){
    console.log("value = "+value+":"+index+":"+arr);
});

slice(start, end)
- 从已有的数组中返回选定的元素。
splice（start, count,…）
- 从某位置删除几个元素，将被删除的元素作为返回值返回，参数三将会自动插入到开始位置索引前边。
去除数组中的重复数字

var arr = [1,2,4,2,3,3,1,2,5];
for(var i=0; i<arr.length; i++) {
    for(var j=arr.length-1; j>=i+1; j--) {
        //判断两个元素是否相等
        if(arr[i] == arr[j]) {
            //删除j对应的元素。
            arr.splice(j, 1);
        }
    }
}

concat（）可以连接两个或多个数组，并将新的数组返回，不会对原数组产生影响。
join（）将数组转换为一个字符串，可以指定一个参数，这个字符串将会成为数组中元素的连接符
reverse（）反转数组
sort（）可以用来对数组中的元素进行排序，会影响原数组，对于数字排序时，会按照Unicode编码来排序，可能会得到错误的结果。我们可以自己指定排序的规则

arr = [5,4];
//a总是在b前边
//如果返回大于0的值，则元素会交换位置
//小与0,位置不变
//返回0，位置不变
arr.sort(function(a, b){
    if(a>b) {
        return 1;
    }else if(a<b) {
        return -1;
    }else {
        return 0;
    }
});

call和apply
- 都是函数对象的方法，需要通过函数对象来调用
- 在调用call和apply（）可以将一个对象指定为第一个参数，此时这个对象将会成为函数执行时的this
- call（）方法可以将实参在对象之后依次传递
- apply（）方法需要将实参封装到一个数组里统一传递
- this的情况：
  - 以函数形式调用时，this==window
  - 以方法的形式调用时，this==调用方法的对象
  - 以构造函数调用时，this是创建的那个对象
  - 以call和apply调用时，this是指定的那个对象

function fun(a, b){
    alert(this);
};
var obj = {};
fun();
fun.call(obj, 2, 3);
fun.apply(obj, [2,3]);

arguments

在调用函数时，浏览器每次都会传递两个隐含的参数，
1、函数的上下文对象 this
2、封装实参的对象 arguments
3、在调用函数时，我们所传递的实参都会在arguments中保存
4、arguments。length可以用来获取实参的长度
5、里面还有一个属性叫做callee，对应一个函数对象，就是当前正在指向的函数的对象

function fun(){
    console.log(arguments);
    console.log(arguments[0]);
    console.log(arguments[1]);
    console.log(arguments.callee == fun);
};
fun("hello", true);