当前位置: 首页 > news >正文

石家庄网站建设汉狮怎么样google play服务

石家庄网站建设汉狮怎么样,google play服务,wordpress 百度云图安装,潍坊仿站定制模板建站文章目录 1. Es6-类-class2. Es6-class 实现继承3. Es6-class 静态属性和私有属性4. Es5-寄生组合式继承 1. Es6-类-class 类是创建对象的模板,用代码封装数据以处理该数据,js中的类建立在原型上。 如何定义类,首先需要关键字 class&#x…

文章目录

    • 1. Es6-类-class
    • 2. Es6-class 实现继承
    • 3. Es6-class 静态属性和私有属性
    • 4. Es5-寄生组合式继承

1. Es6-类-class

类是创建对象的模板,用代码封装数据以处理该数据,js中的类建立在原型上。

如何定义类,首先需要关键字 class,之后紧跟着类名,类名首字母需要大写,最后是需要写上大括号。
定义公有属性,直接在类下的大括号下添加对应的变量名即可,可以为变量名设置默认值。

// 类名首字母大写
class 类名{公有属性变量constructor(arg1){this.公有属性变量 = arg1}// 构造方法方法名(){// 一些代码逻辑}
}// 调用该类
const abc = new 类名()

如下:

class Student{nameconstructor(name){this.name = name}logName(){console.log('你好,我的名字是',this.name)}
}const s = new Student('张三')
s.logName()

在这里插入图片描述

2. Es6-class 实现继承

使用关键字 extends,表示当前类继承于某个父类。
使用关键字super,用于访问对象字面量或类的原型上的属性,或调用父类的构造方法。

class Person{nameconstructor(name) {this.name = name}logName(){console.log('你好,我的名字是',this.name)}
}class Student extends Person{ageconstructor(name,age){super(name)this.age = age}
}const s = new Student('张三',23)

如果子类中定义了与父类同名的方法,那么采用就近原则(重写),即子类调用该方法时调用的是子类下的该方法。

3. Es6-class 静态属性和私有属性

静态:类通过关键字static定义静态方法。不能在类的实例上调用静态方法,而应该通过类本身调用。
私有:类属性在默认情况下是公有的,但是可以使用增加哈希前缀 # 的方法定义私有类字段,声明和访问时也需要加上。定义私有的属性和方法无法在外部进行访问

class Person{static pName = '静态属性'static logPName(){console.log('静态方法')}#age = '私有属性'#logName(){console.log('私有方法')}logName2(){console.log(this.#age)this.#logName()}
}console.log(Person.pName)
Person.logPName()const p = new Person()
p.logName2()

4. Es5-寄生组合式继承

通过接用构造函数来继承属性,通过原型链的混合形式来继承方法。

function Person(name){this.name = name
}Person.prototype.logName = function(){console.log('我的名字是',this.name)
}function Stu(name){Person.call(this,name)
}
// 继承属性
const prototype = Object.create(Person.prototype,{constructor:{value:Stu}// 修改constructor的指向
})
// 继承方法
Stu.prototype = prototype
const s = new Stu('张三')

没有修改constructor的指向的运行结果
在这里插入图片描述
修改constructor的指向的运行结果
在这里插入图片描述

http://www.cadmedia.cn/news/15132.html

相关文章:

  • 济南网站建设服务公司西地那非片能延时多久有副作用吗
  • 内网网站建设改版方案长沙百度推广排名优化
  • 泰安网站建设优化网站排名查询软件
  • 网站建设方案总结语小程序推广方案
  • 免费网站2021年能用的网址sem推广竞价
  • 临潼城市建设局网站优化大师官网下载安装
  • 建一个展示的网站要多少钱seo技巧
  • 网站建设优化服务平台seo网站查询工具
  • 如何看到网站的建设时间提高网站收录的方法
  • 金蝶软件公司官网seo基本步骤
  • 网站功能建设特点关于seo的行业岗位有哪些
  • 网站建设销售开场百度竞价可以自学吗
  • 企业报刊网站建设情况总结知识营销案例
  • 电子工程网mcuseo销售是做什么的
  • 怎么做宣传网站数据分析报告
  • 营销型企业网站源码网站友情链接购买
  • 烟台高新区网站免费的外贸b2b网站
  • 石家庄市最新公告临沂seo全网营销
  • 刷手机网站关键词职业培训网络平台
  • 东莞网页模板建站网站建设有哪些公司
  • 国家培训网官网上海关键词排名优化价格
  • 中国工程建设标准网站百度推广竞价托管
  • 建设银行网站查询密码怎么开通seo是什么意思 seo是什么职位
  • 传奇新开网站传奇三肖网页设计制作网站教程
  • 2022最新泛站群程序常德政府网站
  • 多语种网站开发草根seo视频大全
  • 电商详情页设计模板seo变现培训
  • 牙科医院网站建设方案百度首页 百度
  • 保健品网站建设可以下载新闻视频的网站
  • 建设建行积分兑换商城网站网站优化什么意思