2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 构造函数和原理

构造函数和原理

时间:2022-11-29 06:47:57

相关推荐

构造函数和原理

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

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 的实例(对象)函数也属于对象

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。