在ES6之前，对象不是通过类创建的，而是构造函数
创建对象三种方式
1.通过对象字面量创建对象
var obj1 = {
naem: 'andy',
age: '18'
};
2.通过new Object()创建对象
var obj2 = new Object();
obj2.naem = 'boss';
obj2.age = '18';
obj2.study = function () {
console.log('我在学习');
}
3.通过自定义构造函数创建对象(ES5)
function Star(uname,age) {
this.uname = uname;
this.age = age;
this.sing = function (){
console.log('我会唱歌');
}
}
var ldh = new Star('刘德华',18);
构造函数的实例成员与静态成员
// 1.实例成员：使用this关键字的成员叫实例成员，需要实例化后访问
// 2.静态成员：在构造函数上添加的成员，只能通过构造函数来访问
Star.sex = '男';
console.log(Star.sex);
console.log(ldh.sex); // undefined
原型对象 prototype
每个对象都有一个原型对象prototype,其作用是共享方法。构造函数在每创建一个实例时，都会重新开辟一个空间用于存放复杂数据类型(方法等)，所以将那些不变的方法直接定义在prototype对象上，这样所以对象实例都可以共享这个方法，节约内存空间
function Star(uname,age) {
this.uname = uname;
this.age = age;
}
Star.prototype.sing = function () {
console.log(this.uname + '会唱歌')
}
var ldh = new Star('刘德华',18);
ldh.sing();
对象原型 --proto--
每个实例对象都有一个 --proto--对象的原型指向原型对象prototype，从而每个实例对象可以使用prototype的方法
image.png
console.log(ldh.__proto__ === Star.prototype); // true
constructor 构造函数
对象原型 --proto-- 和构造函数原型对象prototype里面都有一个constructor属性称之为构造函数，因为它指会构造函数本身。
console.log(ldh.__proto__.constructor);
console.log(Star.prototype.constructor);
image.png
注意：如果修改了原型对象，给原型对象赋值的是一个对象，则必须手动利用constructor指回原来的构造函数，否则constructor指的是object
Star.prototype = {
constructor: Star,
sing: function () {
console.log(this.uname + '会唱歌');
},
dance: function () {
console.log(this.uname + '回跳舞');
}
}
构造函数，实例对象，原型对象之间的关系
image.png
原型链
image.png
console.log(ldh.__proto__); // Star原型对象prototype
console.log(Star.prototype.__proto__); // Object原型对象prototype
console.log(Object.prototype.__proto__); // null
JS成员查找机制：原型链
在js里，如果实例对象查找不到成员(属性或方法)，则会往上一级原型对象中进行查找，如果还没有，则再往上一级object中进行查找
// Star.prototype.sex = '女';
// Object.prototype.sex = '男女';
var ldh = new Star('刘德华',18);
ldh.sex = '男';
console.log(ldh.sex);
console.log(ldh.toString()); //该方法可以在object中查找到
构造函数中this指向
在构造函数中，this指向的是创建的实例对象
var that;
Star.prototype.sing = function () {
console.log(this.uname + '会唱歌');
that = this;
}
var ldh = new Star('刘德华',18);
ldh.sing();
console.log(that);
扩展内置对象
可以通过原型对象，对原来的内置对象进行扩展自定义的方法。比如给数组对象添加自定义
求和的功能。
Array.prototype.sum = function () {
var sum = 0;
for (var i = 0; i < this.length; i++){
sum += this[i];
}
return sum;
}
var arr1 = [1,2,3]; //var arr1 = new Array(1,2,3);
console.log(arr1.sum());
call()
call()的三个作用
1.可以调用函数
2.可以改变this的指向
function fn(x,y) {
console.log(this);
console.log(x + y)
}
var o = {
name: 'andy',
}
// 1.call()可以调用函数
fn.call();
// 2.call()可以改变this的指向
fn.call(o,2,3); // 将this指向改为o对象
image.png
3.继承类
function Father(uname,age) {
this.uname = uname;
this.age = age;
}
Father.prototype.sing = function () {
console.log('我会唱歌');
}
Son.prototype = new Father(); // 1.子类继承父类的方法
// 原型对象指向一个对象后，要将构造函数指回原来的对象
Son.prototype.constructor = Son;
function Son(uname,age,score) {
Father.call(this,uname,age); // 2.将父类的this指向到子类，子类即继承父类属性
this.score = score;
}
var son = new Son('刘德华',18,100);
son.sing(); // 调用继承的父类方法
ES5新增方法
数组方法
1.forEach() 强遍历数组
var arr = [1,2,3];
arr.forEach(function (value,index,array) {
// value表示每次遍历的数值
// index表示每次遍历的索引号
// array表示该索引的数组
console.log(value,+' '+index,array);
})
2.map() 创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果
var arr = [1,2,3,4,5,6];
var newArr = arr.map(value => {
if (value %2 === 0){
return value * 2;
}
return value;
});
console.log(newArr); // newArr:[1,4,3,8,5,12]
3.filter() 筛选数组 ,返回一个新数组，用于筛选符合条件的元素
var arr = [1,2,3,4,5,6,7,8,9,10];
var newArr = arr.filter(function (value,index,array) {
return value % 2 === 0; // 返回偶数
})
console.log(newArr); //newArr:[2,4,6,8,10]
4.some() 查找是否有满足条件的元素,返回的是一个布尔值
当遍历查找中查找到了符合条件的元素,则后面的元素不会再进行遍历查找
var arr = ['red','green','blue'];
var flag = arr.some(function (value, index, array) {
return value === 'pink'; // false
})
console.log(flag); // false
5.every() 和some()相反,当每个遍历元素每个都符合查找条件时才返回true,否则返回false
当遍历查找中查找到了不符合条件的元素，则后面的元素不会再进行遍历查找
var arr = [1,2,3,4,5,6];
var flag = arr.every(function (value, index, array) {
return value >= 1; // true
})
console.log(flag); //true
字符串方法 trim()
返回一个新的字符串，可以去除字符串左右两侧空格
var str = ' 123456 ';
var newStr = str.trim();
console.log(newStr); //123456 没有空格
对象方法
Object.keys()
返回一个包含对象属性名的数组对象
var obj = {
name: 'andy',
age: 18,
address: '翻斗花园'
}
var arr = Object.keys(obj);
console.log(arr);
image.png
Object.defineProperty()
定义对象中新属性或修改原有属性
Object.defineProperty(obj,prop,descriptor); // 对象，属性，属性描述
var obj = {
name: 'andy',
age: 18,
address: '翻斗花园'
};
Object.defineProperty(obj,'name',{
value: 'jojo', // 设置或者修改属性的数值
writable: true, // 定义属性是否可以修改重写,默认为true
enumerable: true, // 定义属性是否可以可以被枚举(遍历)，默认为true
configurable: true, // 定义属性特性是否能被修改，包括删除,默认为true
})
