美文网首页
构造函数

构造函数

作者: LuckySweet123 | 来源:发表于2021-04-02 15:25 被阅读0次

1.对"封装"的理解
封装就是提高单一功能或模块的独立性和复用性。
2.js中new一个对象时都发生了什么?

//定义一个构造函数
function Bird(name,age){
this.name=name,
this.age=age
this.say=function(){
console.log('I am a bird')
}
}

//构造函数的属性和方法定义
Bird.prototype.color="red"
Bird.prototype.sayHi=function(){
console.log('hi')
}

//实例化
var a=new Bird('ying wu',2)
console.log(a.name) //当前属性
console.log(a.sayHi()) //原型方法
console.log(a.say()) //当前方法
// a会自动包含一个constructor属性指向他们的构造函数
a.constructor==Bird()
//验证对象与实例对象之间的关系
console.log(a instanceof Bird) //true

每一个构造函数都有一个prototype属性,指向另一个对象。这个对象所有的属性都会被构造函数的实例继承。这样我们把那些不变的属性和方法,直接定义在prototype对象上。

3.isPrototypeOf() 和hasOwnProperty() in

isPrototypeOf() 这个方法用来判断某个prototype对象和某个实例之间的关系

hasOwnProperty()判断是否是本地属性

Bird.prototype.isPrototypeOf(a) //true

in运算符来判断某个实例是否包含某个属性,不管是不是本地;还可以遍历

console.log(" name" in a) //true
for(var prop in a ){
console.log(prop)
}

实例化构造函数,获取对象。通过new关键字实例化的对象a,具备了构造函数Bird中this的属性:name、age,也具备了构造函数Bird的原型prototype的属性color和方法sayBye。

什么是构造函数。就是一个普通函数但是内部使用了this变量。对构造函数使用new运算符,就能生成实例,并且this变量会绑定在实例对象上。

精华在这里:比如,我有一只鹦鹉叫靓仔。鹦鹉是鸟类(构造函数)的一个实例,鹦鹉具备了鸟的属性羽毛、行为飞翔,然后鸟还可能有自己的名字靓仔和年龄1.5岁。姓名和年龄是本地属性(hasOwnProperty()),飞翔是他的原型方法。

相关文章

  • Flutter 6种构造函数详解

    Flutter有生成构造函数、默认构造函数、命名构造函数、重定向构造函数、常量构造函数、工厂构造函数 一.生成构造...

  • C# 构造函数总结

    构造函数 构造函数分为:实例构造函数,静态构造函数,私有构造函数。 实例构造函数 1、构造函数的名字与类名相同。 ...

  • Javascript 基础之原型链

    构造函数、构造函数实例、构造函数原型 function Student (name) { } - 这是构造函数va...

  • Swift基础语法-类的构造函数

    本节知识点 构造函数的介绍 构造函数的基本使用 自定义构造函数 属性与构造函数 1. 构造函数的介绍 构造函数类似...

  • C++:面向对象基础

    构造函数 C++中有三种构造函数:默认构造函数,有参构造函数,拷贝构造函数 类对象的初始化 括号法//默认构造函数...

  • 构造函数

    构造函数分为: 1.实例构造函数 2.私有构造函数 3.静态构造函数 私有构造函数 私有构造函数是一种特殊的实例构...

  • Dart整理

    Dart构造函数 普通构造函数和命名构造函数 默认构造函数一个类没有声明构造函数,默认会有一个无参构造函数,声明了...

  • Kotlin面向对象 (3)✔️构造函数

    主构造函数次构造函数默认构造函数 kotlin中的构造函数有主次之分,主构造函数只能有一个,此构造函数可以有多个。...

  • [C++之旅] 10 构造函数

    [C++之旅] 10 构造函数 构造函数的特点 构造函数在对象实例化时被自动调用 构造函数与类同名 构造函数没有返...

  • Java基础-3 构造函数

    构造函数: 构造函数的作用: 给对应的对象进行初始化。 构造函数的格式: 构造函数要注意的细节:1. 构造函数是...

网友评论

      本文标题:构造函数

      本文链接:https://www.haomeiwen.com/subject/kgafkltx.html