es6 原型继承

简介: es6 原型继承

es6 原型继承

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        function User (name,email){
            this.name = name;
            this.email = email;
        }
        User.prototype.info = function(){
            console.log(`hi,I'm ${this.name}`)
        }
        const codecasts = new User('codecasts','ie@codecasts.com')
        User.prototype.info = function(){
            console.log(`hi,I'm ${this.name} ,my email is ${this.email}`)
        }
        User.prototype.decription = function(){
            console.log(`I'm a user of codecasts.com`)
        }
    </script>
</body>
</html>
相关文章
|
22天前
|
安全
ES5/ES6 的继承除了写法以外还有什么区别
ES5 和 ES6 的继承主要区别在于实现机制和语法糖。ES5 通过原型链和构造函数模拟类的继承,而 ES6 引入了 class 关键字,使继承更加直观和简洁,支持 super 调用父类方法,提升了代码可读性和维护性。
ES5的继承和ES6的继承有什么区别
ES5的继承和ES6的继承有什么区别
66 0
ES5 / ES6 的继承除了写法以外还有什么区别
ES5 / ES6 的继承除了写法以外还有什么区别
|
前端开发
每天3分钟,重学ES6-ES12(十)Promise参数实例方法介绍(二)
每天3分钟,重学ES6-ES12(十)Promise参数实例方法介绍
73 0
|
前端开发
每天3分钟,重学ES6-ES12(十)Promise参数实例方法介绍(一)
每天3分钟,重学ES6-ES12(十)Promise参数实例方法介绍
47 0
|
JavaScript 前端开发
ES6 —— 构造函数和原型
ES6 —— 构造函数和原型
02.ES6对象解构
02.ES6对象解构
71 0
|
存储 JavaScript 前端开发
ES2020 系列:全局对象 globalThis
ES2020 系列:全局对象 globalThis
247 0
ES2020 系列:全局对象 globalThis