构造函数和原理

创建对象可以通过以下三种方式：

• 1.对象字面量
• 2.new Object()
• 3.自定义构造函数

构造函数

• 构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与new一起使用，我们可以把对象中一些公共的属性和方法抽出来，然后封装到这个函数里面。
• 在js中，使用构造函数时要注意两点：
• 1.构造函数用于创建某一类对象，其首字母大写
• 2.构造函数要与new一起使用才有意义

new在执行是会做四件事情：

• 1.在内存中创建一个新的空对象
• 2.让this指向这个新的对象
• 3.执行构造函数里面的代码，给这个新对象添加属性和方法
• 4.返回这个新对象（所以构造函数里面不需要return）

实例成员与静态成员

• 实例成员就是构造函数内部通过this添加的成员，实例成员只能通过实例化的对象来访问
• 静态成员就是在构造函数本身上添加的成员

// 构造函数中的属性和方法我们称为成员，成员可以添加
function Star(uname, age){this.uname = uname;this.age = age;this.sing = function(){console.log('唱歌')}
}
var ldh = new Star('刘德华',18)
// uname、age、sing就是实例成员
// console.log(lah.uname);
Star.sex = '男'
// console.log(Star.sex);

构造函数的问题

• 存在浪费内存的问题

构造函数原型prototype

• 构造函数通过原型分配的函数是所有对象共享的
• js规定，每一个构造函数都有一个prototype属性，指向另一个对象。注意这个prototype就是一个对象，这个对象的所有属性和方法，都会被构造函数所拥有
• 我们可以把不变的方法，直接定义在prototype对象上，这样所有对象的实例就可以共享这些方法。

问答？

• 1.原型是什么？
• 一个对象，我们也称为prototype为原型对象
• 2.原型的作用是什么？
• 共享方法

对象原型__prpto__

• 对象都会有一个属性__proto__指向构造函数的prototype原型对象，之所以我们对象可以使用构造函数prototype原型对象的属性和方法，就是因为对象有__prpto__原型的存在
• __prpto__对象原型和原型对象prototype是等价的
• 对象身上系统自己添加一个__proto__指向我们构造函数的原型对象prototype
• __prpto__对象原型的意义就在于为对象的查找机制提供一个方向，或者说一条路线，但是它是一个非标准属性，因此实际开发中，不可以使用这个属性，它只是内部指向原型对象prototype
• 方法的查找规则：首先先看ldh对象身上是否有sing方法，如果有就执行这个对象上的sing，如果没有sing这个方法，因为有__prpto__的存在，就去构造函数原型对象prototype身上去查找sing这个方法

构造函数、实例、原型对象三者之间的关系

constructor 构造函数

• 对象原型（proto）和构造函数（prototype）原型对象里面都有一个属性constructor属性，constructor我们成为构造函数，因为它指回构造函数本身
• consstructor主要用于记录该对象应用哪个构造函数，它可以让原型对象重新指向原来的构造函数

原型链

JavaScript 的成员查找机制(规则)

• 1.当访问一个对象的属性（包括方法）时，首先查找这个对象自身有没有该属性。
• 2.如果没有就查找它的原型（也就是 __proto__指向的 prototype 原型对象）。
• 3.如果还没有就查找原型对象的原型（Object的原型对象）。
• 4.依此类推一直找到 Object 为止（null）。
• 5.__proto__对象原型的意义就在于为对象成员查找机制提供一个方向，或者说一条路线。

原型对象this指向

• 构造函数中的this 指向我们实例对象.
  原型对象里面放的是方法, 这个方法里面的this 指向的是 这个方法的调用者, 也就是这个实例对象

扩展内置对象

• 可以通过原型对象，对原来的内置对象进行扩展自定义的方法。比如给数组增加自定义求偶数和的功能。
• 注意：数组和字符串内置对象不能给原型对象覆盖操作 Array.prototype = {} ，只能是 Array.prototype.xxx = function(){} 的方式

继承

• ES6之前并没有给我们提供 extends 继承。我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承

借用构造函数继承父类型属性

• 核心原理： 通过 call() 把父类型的 this 指向子类型的 this ，这样就可以实现子类型继承父类型的属性。

 // 父类function Person(name, age, sex) {this.name = name;this.age = age;this.sex = sex;}// 子类function Student(name, age, sex, score) {Person.call(this, name, age, sex);  // 此时父类的 this 指向子类的 this，同时调用这个函数this.score = score;}var s1 = new Student('zs', 18, '男', 100);console.dir(s1); 

借用原型对象继承父类型方法

• 一般情况下，对象的方法都在构造函数的原型对象中设置，通过构造函数无法继承父类方法。
• 核心原理：
• 1.将子类所共享的方法提取出来，让子类的 prototype 原型对象 = new 父类()
• 2.本质：子类原型对象等于是实例化父类，因为父类实例化之后另外开辟空间，就不会影响原来父类原型对象
• 3.将子类的 constructor 从新指向子类的构造函数

类的本质

• 1.class本质还是function.
• 2.类的所有方法都定义在类的prototype属性上
• 3.类创建的实例,里面也有__proto__ 指向类的prototype原型对象
• 4.所以ES6的类它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。
• 5.所以ES6的类其实就是语法糖.
• 6.语法糖:语法糖就是一种便捷写法. 简单理解, 有两种方法可以实现同样的功能, 但是一种写法更加清晰、方便,那么这个方法就是语法糖

函数的定义和调用

• 1.函数声明方式 function 关键字 (命名函数)
• 2.函数表达式 (匿名函数)
• 3.new Function()

var fn = Function('参数1','参数2'...,'函数体')

• Function 里面参数都必须是字符串格式
• 第三种方式执行效率低，也不方便书写，因此较少使用
• 所有函数都是 Function 的实例(对象)
• 函数也属于对象
  

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！