【前端开发】面向对象编程案例创建对象

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<br><!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <title></title><br> </head>
 
    <body>
        <button>one</button>
        <button>two</button>
        <button>three</button>
        <script src="https://topmdrt-static.oss-cn-shenzhen.aliyuncs.com/static/js/common/zepto.min.2.js"></script>
        <script type="text/javascript">
            //面向对象编程创建对象
            function student(name, age) {
                this.name = name;
                this.hello = function() {
 
                    if(age) {
                        //存在age参数执行
                        console.log('hello' + name + '我是' + age)
 
                    } else {
                        //不存在age参数执行
                        console.log('hello' + name)
                    }
 
                }
            }
 
            //          student('xiaoming') //这样写是无法执行hello()的
            var child = new student('xiaohong'); //重新构造函数，调用传参即可
            var child2 = new student('第二个函数');
            var child3 = new student('第三个了哦', '26岁');
 
            child.hello(); //执行
            child2.hello();
            child3.hello();
 
            //点击事件传参，点击触发构造函数及执行
            $('button').on('click', function() {
                var $this = $(this).text();
                var child4 = new student('第四个了哦', $this + '岁');
                child4.hello();
            })
 
            //创建基于原型的JavaScript的对象
            student.prototype.say = function() {
                alert('添加成功')
            }
            var say1 = new student('这是用来测试的');
            say1.say();
        </script>
 
    </body>
 
</html>

　　

posted @   JeckHui  阅读(359)  评论(0)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛（1）
点击右上角即可分享
微信分享提示