发表于： 2020-04-10 22:24:08
0 1642
一、今天完成的事情
使用工厂方法创建对象
/*
* 使用工厂方法创建对象
* 0*/
function createPerson(name,age,gender) {
//创建一个新的对象
var obj = new Object();
//向对象中添加属性
obj.name = name;
obj.age = age;
obj.gender = gender;
obj.sayName = function () {
alert(this.name);
};
//将新的对象返回
return obj;
}
var obj2 = createPerson("猪八戒",18,"男");
obj2.sayName();//调用这个对象就可以使用
var obj1 = createPerson();
/*
*使用工厂方法创建的对象，使用的构造函数都是Object
* 所以创建的对象都是Object这个类型
* 就导致我们无法区分出多种不同类型的对象
* */
/*
* 构造函数
* 创建一个构造函数，专门用来创建Person对象的
* 构造函数就是一个普通的函数，创建方式和普通函数没有区别，
* 不同的是构造函数习惯上首字母大写
* 构造函数和普通函数的区别就是调用方式的不同
* 普通函数就是直接调用，而构造函数需要使用new 关键字来调用
*
* 构造函数的执行流程
* 1.立刻创建一个新的对象
* 2.将新建的对象设置为函数中的this，在构造函数中可以使用this来引用新建的对象
* 3.逐行执行函数中的代码
* 4.将新建的对象作为返回值返回
*
* 使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类
* 我们将通过一个构造函数创建的对象称为该类的实例，或者该构造函数的实例
*
* this的情况
* 1.当以函数的形式调用时，this就是window
* 2.当以方法的形式调用时，谁调用方法this就是谁
* 3.当以构造函数的形式调用时，this就是新创建的那个对象
* */
// function Person( name , age , gender) {
// this.name = name;
// this.age = age;
// this.gender = gender;
// this.sayHello = function () {
// alert("hello，大家好，我是：" + this.name)
// }
// }
// var per = new Person("孙悟空",16,"男");
// per.sayHello();
/*
* 使用instance 可以检查一个对象是否是一个类的实例
* 语法：
* 对象 instance 构造函数
* 如果是，则返回true，如果不是，则返回false
*
* 所有的对象都是Object的后代
* 所以任何对象和Object做 instance检查时都会返回true
* */
/*
* 创建一个构造函数
* - 在Person 构造函数中，为每一个对象都添加了一个sayHello方法
* 目前我们的方法是在构造函数的内部创建的
* 也就是构造函数每执行一次就会创建一个新的sayHello方法
* 也是所有实例的sayHello都是唯一的
* 这样就导致了构造函数执行一次就会创建一个新的方法
* 执行10000次就会创建10000个新的sayHello方法，而一万个方法都是一样的
* 这是完全没必要的，完全可以使所有的对象共享同一个方法
* */
function Person( name , age , gender) {
this.name = name;
this.age = age;
this.gender = gender;
// this.sayHello = function () {
// alert("hello，大家好，我是：" + this.name)
// }
// this.sayHello = fun;
}
/*
* 将sayHello方法在全局作用域中定义
*
* 将函数定义在全局作用域中，污染了全局作用域的命名空间
* 而且定义在全局作用域中也很不安全
* */
// function fun() {
// alert("hello，大家好，我是：" + this.name)
// }
Person.prototype.sayHello = function () {
alert("大家好，我是" + this.name)
};
var per = new Person("孙悟空",16,"男");
per.sayHello();
/*
* 原型对象
* 原型 prototype
*
* 我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype
* 这个属性对应着一个对象，这个对象就是我们所谓的原型对象
* 当函数通过构造函数的形式调用时，它所创建的对象中都会有一个隐含的属性
* 指向该构造函数的原型对象，我们可以通过 __proto__ 来访问该属性,两个下划线，不是一个
*
* 原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象
* 我们可以将对象中公有的内容，同一设置到原型对象中
*
* 当我们访问对象的一个属性或方法时，他会先在对象自身中寻找，如果有则直接使用，
* 如果没有则会去原型对象中寻找，如果找到则直接使用
*
* 以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中
* 这样不用分别为每一个对象添加，也不会影响到全局作用域，就可以使每个对象都具有这些属性和方法了，结合上面的看
* */
function MYclass() {
}
//向MYlass的原型中添加属性a
MYclass.prototype.a = 123;
MYclass();
//总结下来，重写上面的构造函数
function Dog(name,age,gender) {
this.name = name;
this.age = age;
this.gender = gender;
}
Dog.prototype.sayName = function () {
alert("大家好我是" + this.name + "我今年" + this.age + "岁了，我住在"+ this.gender)
};
var dog = new Dog("唐僧",25,"唐朝");
dog.sayName();
var cat = new Dog("沙和尚",69,"流沙河");
cat.sayName();
/*
* 使用构造函数创建新的对象，同时将方法创建在原型对象中，
* 这样既不会污染全局作用域的命名，同时也保证了良好的运行，
* 而且每一次调用时都可以保证使用
*
* */
/*
* 原型对象的补充
* 原型对象也是对象，所以它也有原型
* 当我们使用一个对象的属性或方法时，会先在自身中寻找
* 自身中如果有，则直接使用
* 如果没有则去原型对象中寻找，如果原型对象中有，则使用
* 如果原型对象中没有，则去原型的原型对象中寻找，直到找到Object对象的原型
* Object对象的原型没有原型，如果在Object中依然没有找到，则返回undefined
* */
// 创建一个构造函数
function Cat() {
}
//向 Cat 的原型中添加一个name属性
Cat.prototype.name = "我是原型中的名字";
var BuOu = new Cat();
// console.log(BuOu.name);
BuOu.age = 18;
//使用in检查对象中是否含有某个属性时，如果对象中没有，但是原型中有，也会返回true
// console.log("name" in BuOu);
//可以使用对象的hasOwnProperty()来检查对象自身中是否含有该属性
//使用该方法只有当对象自身中含有属性时，才会返回true
console.log(BuOu.hasOwnProperty("name"));//false
console.log(BuOu.hasOwnProperty("age"));//true
以上包含了使用工厂方法来创建对象，同时也学习了构造函数，原型对象，怎么在原型对象中添加属性，而且在原型对象中添加属性，不会对全局作用域的命名产生影响，以防止发生重复命名的情况
toString
/*
* toString
*
* */
function Person( name , age , gender) {
this.name = name;
this.age = age;
this.gender = gender;
}
//创建一个Person实例
var per = new Person("孙悟空",16,"男");
//当我们直接在页面中打印一个对象时，实际上是输出的对象的toString()方法的返回值
//如果我们希望在输出对象时不输出[object object],可以为对象添加一个toString（）方法
//Person[name = 孙悟空，age = 18，gender = 男]
//修改Person原型的toString
Person.prototype.toString = function(){
return "Person[name =" + this.name+",age = "+this.age+"gender ="+ this.gender+"]"
};
// per.toString =function(){
// return "Person[name =" + this.name+",age = "+this.age+"gender ="+ this.gender+"]"
// };
console.log(per);
/*
* 垃圾回收（G C）
* - 就像人生活的时间长了会产生一些垃圾一样，程序运行时间长了也会产生垃圾
* 这些垃圾积攒过多以后，会导致程序运行的速度过慢
* 所以我们需要一个垃圾回收的机制，来处理程序运行过程中产生的垃圾
* - 当一个对象没有任何的变量或属性对他进行引用，此时我们将永远无法操作该对象
* 此时这种对象就是一个垃圾，这种对象过多，会占用大量的内存空间，导致程序运行过慢
* 所以这种垃圾我们必须进行清理
* - 在JS 中拥有自动的垃圾回收机制，会自动将这些垃圾对象从内存中销毁
* 我们不需要也不能进行垃圾回收的操作
* - 我们需要做的只是要将不再使用的对象设置null即可
*
* */
二、明天要做的事情
继续学习
三、遇到的困难
四收获
返回列表
评论