学习地址：
JavaScript基础、高级学习笔记汇总表【尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)】
目 录
P68 68.尚硅谷_JS基础_toString() 11:33
P76 76.尚硅谷_JS基础_slice和splice 18:25
P65 65.尚硅谷_JS基础_.构造函数修改 10:29
创建一个Person构造函数。在Person构造函数中，为每一个对象都添加了一个sayName方法。
目前我们的方法是在构造函数内部创建的，也就是构造函数每执行一次就会创建一个新的sayName方法，也是所有实例的sayName都是唯一的。
这样就导致了构造函数执行一次就会创建一个新的方法，执行10000次就会创建10000个新的方法，而10000个方法都是一摸一样的。
这是完全没有必要，完全可以使所有的对象共享同一个方法。
P66 66.尚硅谷_JS基础_原型对象 20:43
如果写在Person对象里面，每次new Person，都会创建sayName方法对象，浪费内存。但是如果放在外面，sayName()就属于Window对象，调所有对象里的sayName都是调用的外部Window对象中的sayName。好处：易维护，如果两个构造函数拥有同一个函数功能就可以单独拿出来写，不用每次修改功能都每个地方改一下。
将函数定义在全局作用域，污染了全局作用域的命名空间，而且定义在全局作用域中也很不安全。
原型 prototype
我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype。这个属性对应着一个对象，这个对象就是我们所谓的原型对象。
如果函数作为普通函数调用prototype没有任何作用，当函数以构造函数的形式调用时，它所创建的对象中都会有一个隐含的属性，指向该构造函数的原型对象，我们可以通过__proto__来访问该属性。
原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象，我们可以将对象中共有的内容，统一设置到原型对象中。
向原型中添加属性
当我们访问对象的一个属性或方法时，它会先在对象自身中寻找，如果有则直接使用，如果没有则会去原型对象中寻找，如果找到则直接使用。
向原型中添加方法
以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中。
这样不用分别为每一个对象添加共有的属性和方法，也不会影响到全局作用域，就可以使每个对象都具有这些属性和方法了。
P67 67.尚硅谷_JS基础_原型对象 11:16
使用“in”检查对象中是否含有某个属性
原型对象也是对象，所以它也有原型。
当我们使用一个对象的属性或方法时，会现在自身中寻找，
自身中如果有，则直接使用，
如果没有则去原型对象中寻找，如果原型对象中有，则使用，
如果没有则去原型的原型中寻找，直到找到Object对象的原型，
Object对象的原型没有原型，如果在Object原型中依然没有找到，则返回undefined。
P68 68.尚硅谷_JS基础_toString() 11:33
对象.toString()
当我们直接在页面中打印一个对象时，事件上是输出的对象的toString()方法的返回值。
修改原型的toString
当我们直接在页面中打印一个对象时，实际上是输出的对象的toString()方法的返回值。
如果我们希望在输出对象时不输出“[object Object]”，可以为对象添加一个toString()方法。
P69 69.尚硅谷_JS基础_垃圾回收 09:19
垃圾回收（GC）garbage collection
垃圾回收（GC）：就像人生活的时间长了会产生垃圾一样，程序运行过程中也会产生垃圾。
这些垃圾积攒过多以后，会导致程序运行的速度过慢，所以我们需要一个垃圾回收的机制，来处理程序运行过程中产生垃圾。
当一个对象没有任何的变量或属性对它进行引用，此时我们将永远无法操作该对象，此时这种对象就是一个垃圾，这种对象过多会占用大量的内存空间，导致程序运行变慢，所以这种垃圾必须进行清理。
在JS中拥有自动的垃圾回收机制，会自动将这些垃圾对象从内存中销毁，我们不需要也不能进行垃圾回收的操作，我们需要做的只是要将不再使用的对象设置null即可。
P70 70.尚硅谷_JS基础_数组简介 24:46
对象的分类
对象分为3种：
- 内建对象
- 宿主对象
- 自定义对象
数组（Array）
数组（Array）
- 数组也是一个对象。
- 它和我们普通对象功能类似，也是用来存储一些值的。
- 不同的是普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引操作元素。
- 索引：从0开始的整数就是索引。
- 数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据。
向数组中添加元素
查找数组中的元素
获取数组长度
获取数组的长度，可以使用length属性来获取数组的长度(元素的个数)。
语法：数组.length
- 对于连续的数组，使用length可以获取到数组的长度（元素的个数）。
- 对于非连续的数组，使用length会获取到数组的最大的索引+1，尽量不要创建非连续的数组。
修改数组长度
修改length：如果修改的length大于原长度，则多出部分会空出来，如果修改的length小于原长度，则多出的元素会被删除。
向数组的最后一个位置添加元素
向数组的最后一个位置添加元素。语法：数组[数组.length] = 值;
P71 71.尚硅谷_JS基础_数组字面量 14:19
使用“字面量”创建数组
与var arr = new Array();创建数组的方式一样，但[]更加简单、方便。
数组中的元素可以是任意的数据类型！
P72 72.尚硅谷_JS基础_数组的四个方法 13:45
Array 对象属性
Array 对象方法
1、push()
push()
- 该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度。
- 可以将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到数组的末尾。
- 该方法会将数组新的长度作为返回值返回。
2、pop()
pop()：该方法可以删除数组的最后一个元素，并将被删除的元素作为返回值返回。
3、unshift()
unshift()
- 向数组开头添加一个或多个元素，并返回新的数组长度。
- 向前边插入元素以后，其他的元素索引会依次调整。
4、shift()
shift()：可以删除数组的第一个元素，并将被删除的元素作为返回值返回。
P73 73.尚硅谷_JS基础_数组的遍历 13:45
所谓的遍历数组，就是将数组中所有的元素都取出来。
小练习
P74 74.尚硅谷_JS基础_数组练习 04:52
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function Person(name, age, gender) {
this.name = name;
this.age = age;
}
// 修改Person原型的toString
Person.prototype.toString = function() {
return "Person[name=" + this.name + ",age=" + this.age + "]";
};
//创建一个Person对象
var per = new Person("孙悟空", 18);
var per2 = new Person("猪八戒", 28);
var per3 = new Person("红孩儿", 8);
var per4 = new Person("蜘蛛精", 16);
var per5 = new Person("二郎神", 38);
// 将这些person对象放入到一个数组中
var perArr = [per, per2, per3, per4, per5];
console.log(perArr);
/*
* 创建一个函数，可以将perArr中的满18岁的Person提取出来，
* 然后封装到一个新的数组中并返回
* arr：形参，要提取信息的数组
*/
function getAdult(arr) {
//创建一个新的数组
var newArr = [];
//遍历arr，获取arr中Person对象
for (var i = 0; i < arr.length; i++) {
var p = arr[i];
//判断Person对象的age是否大于等于18
if (p.age >= 18) {
//如果大于等于18，则将这个对象添加到newArr中
//将对象放入到新数组中
newArr.push(p);
}
}
//将新的数组返回
return newArr;
}
var result = getAdult(perArr);
console.log(result);
</script>
</head>
<body>
</body>
</html>P75 75.尚硅谷_JS基础_forEach 13:15
一般我们都是使用for循环去遍历数组，JS中还为我们提供了一个方法，用来遍历数组：forEach()。
这个方法只支持IE8以上的浏览器，IE8及以下的浏览器均不支持该方法，所以如果需要兼容IE8，则不要使用forEach，还是使用for循环来遍历。
forEach()方法需要一个函数作为参数：
- 像这种函数，由我们创建但是不由我们调用的，我们称为回调函数。
- 数组中有几个元素，函数就会执行几次。每次执行时，浏览器会将遍历到的元素，以实参的形式传递进来。我们可以来定义形参，来读取这些内容。
- 浏览器会在回调函数中传递三个参数：【第1个参数，就是当前正在遍历的元素；第2个参数，就是当前正在遍历的元素的索引；第3个参数，就是正在遍历的数组。】
P76 76.尚硅谷_JS基础_slice和splice 18:25
slice()
slice()
- 可以用来从数组提取指定元素
- 该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回
- 参数：
1.截取开始的位置的索引,包含开始索引
2.截取结束的位置的索引,不包含结束索引
- 第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
- 索引可以传递一个负值，如果传递一个负值，则从后往前计算
-1 倒数第一个
-2 倒数第二个
splice()
splice()
- 可以用于删除数组中的指定元素。
- 使用splice()会影响到原数组，会将指定元素从原数组中删除，并将被删除的元素作为返回值返回。
- 参数：
第一个，表示开始位置的索引
第二个，表示删除的数量
第三个及以后。
可以传递一些新的元素，这些元素将会自动插入到开始位置索引前边
P77 77.尚硅谷_JS基础_数组去重练习 13:34
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//创建一个数组
var arr = [1, 2, 3, 2, 2, 1, 3, 4, 2, 5];
//去除数组中重复的数字
//获取数组中的每一个元素
for (var i = 0; i < arr.length; i++) {
//console.log(arr[i]);
/*获取当前元素后的所有元素*/
for (var j = i + 1; j < arr.length; j++) {
//console.log("---->"+arr[j]);
//判断两个元素的值是否相等
if (arr[i] == arr[j]) {
//如果相等则证明出现了重复的元素，则删除j对应的元素
arr.splice(j, 1);
//当删除了当前j所在的元素以后，后边的元素会自动补位
//此时将不会在比较这个元素吧，我需要在比较一次j所在位置的元素
//使j自减
j--;
}
}
}
console.log(arr);
</script>
</head>
<body>
</body>
</html>加油，冲冲冲~
2591
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
