es6 原型继承

news/2024/7/10 22:34:38 标签: js, javascript, es6

es6__0">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>

http://www.niftyadmin.cn/n/482886.html

相关文章

es6:for...of循环遍历迭代对象

es6:for…of循环遍历迭代对象 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><meta http-equiv"X-UA-Co…

weex-修改style的几种方法

对于不熟悉weex和js的人来说&#xff0c;初学weex不知道怎么来修改style&#xff0c;即使网上查了&#xff0c;也很难查找到需要的信息&#xff0c;好不容易查到了还是js里面的东西&#xff0c;还不确定weex是否支持&#xff0c;这里&#xff0c;博主经过才坑&#xff0c;总结了…

es6:proxy

es6&#xff1a;proxy Proxy 是 ES6 中新增的功能&#xff0c;它可以用来自定义对象中的操作。target 代表需要添加代理的对象&#xff0c;handler 用来自定义对象中的操作&#xff0c;比如可以用来自定义 set 或者 get 函数。使用演示&#xff1a; <!DOCTYPE html> &l…

weex-安装weex-toolkit一直失败的问题

看过其他博主写的安装weex-toolkit失败的描述&#xff0c;多数是两个方面问题造成的&#xff1a; 其一&#xff1a;node和npm版本太低&#xff0c;需要升级版本&#xff0c;这里博主也并不建议升级node到最新版本&#xff0c;npm自不必多说&#xff0c;随node一起安装的&#…

es6:for,foreach,for...in循环区别

es6:for,foreach,for…in循环区别 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><meta http-equiv"X-U…

HTML5实现头像的上传

HTML5实现头像的上传 这是利用form-data给后台传输数据&#xff0c;来实现头像的上传加载&#xff01; html代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content&quo…

weex-ui之wxc-tab-page 顶部标签页踩坑记

对于初学weex的人来说&#xff0c;有这个么一个东西可以节省很多开发成本&#xff0c;但由于weex本身的开源特性&#xff0c;有些东西并不完善&#xff0c;博主最近在使用wxc-tab-page 顶部标签页的时候发现几个问题&#xff1a; 1.标签页无法通过手势滑动切换&#xff1b; 2…

利用Vue,fetch实现前后端数据交互

利用Vue,fetch实现前后端数据交互 利用fetch实现数据的交互&#xff0c;简单练习的小实例。 目录结构index.html代码 <!DOCTYPE html> <html> <head><meta charset"utf-8"><meta name"viewport" content"initial-scale…