小白教程
所有教程
关于
Search
172.71.254.206
172.71.254.206
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Jsref class extends”的源代码
本页内容
上一节:
Jsref_constructor_class
下一节:
Jsref_class_static
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:extends}}[[Category:js class intro|2]] = JavaScript 类(class) extends 关键字 = [[js class intro|JavaScript 类(class)]] 以下实例创建的类 "xiaoBai" 继承了 "Site" 类: <sample title="" desc="" lang="html" hererun="1"> class Site { constructor(name) { this.sitename = name; } present() { return '我喜欢' + this.sitename; } } class xiaoBai extends Site { constructor(name, age) { super(name); this.age = age; } show() { return this.present() + ', 它创建了 ' + this.age + ' 年。'; } } let noob = new xiaoBai("小白教程", 5); document.getElementById("demo").innerHTML = noob.show(); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <h2>JavaScript 类继承</h2> <p>JavaScript 类继承使用 extends 关键字。</p> <p>"super" 方法用于调用父类的构造函数。</p> <p id="demo"></p> <script> class Site { constructor(name) { this.sitename = name; } present() { return '我喜欢' + this.sitename; } } class xiaoBai extends Site { constructor(name, age) { super(name); this.age = age; } show() { return this.present() + ', 它创建了 ' + this.age + ' 年。'; } } let noob = new xiaoBai("小白教程", 5); document.getElementById("demo").innerHTML = noob.show(); </script> </body> </html> </run> == 定义和用法 == extends 关键字用于创建一个类,该类是另一个类的子类。 子类继承了另一个类的所有方法。 继承对于代码可重用性很有用:在创建新类时重用现有类的属性和方法。 super() 方法引用父类的构造方法。 通过在构造方法中调用 super() 方法,我们调用了父类的构造方法,这样就可以访问父类的属性和方法。 == 语法 == <pre>class childClass extends parentClass </pre> == 技术细节 == {| class="table table-striped table-hover" | JavaScript 版本: | ECMAScript 2015 (ES6) |} == 浏览器支持 == extends 是 ECMAScript6 (ES6) 特性。 ES6 (JavaScript 2015) 支持目前所有主流的浏览器。 {| class="table table-striped table-hover" ! Chrome ! Edge ! Firefox ! Safari ! Opera |- | Chrome | Edge | Firefox | Safari | Opera |- | Yes | Yes | Yes | Yes | Yes |} Internet Explorer 11 或更旧版本的 IE 不支持 extends 关键字。 [[js class intro|JavaScript 类(class)]]
返回至“
Jsref class extends
”。
上一节:
Jsref_constructor_class
下一节:
Jsref_class_static