博主信息
博文 15
粉丝 0
评论 1
访问量 17968
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
JavaScript 构造函数(构造函数的原型属性prototype)和JavaScript对象的基础语法(2019年8月3日20时25分)
楚Chen
原创
1034人浏览过

*构造函数的创建和使用

构造函数:专用于创建对象,所以在函数中必须要有当前对象的引用 

构造函数首字母通常大写 


实例

<script>
    var MyFunction = function () {
         //向这个对象赋值,给它创建一些属性和方法
         this.a = 100;
         this.get = function (value) {
           return "a的值是:" + value;
         }
    }
    //使用new实例化一个构造函数,创建该函数的实例对象
    var s = new MyFunction();
    // 使用该构造函数的实例对象来访问构造函数内部的所有成员(属性,方法)
    document.write(s.get(s.a) + "<br>");
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

QQ截图20190803203643.png

*向构造函数添加属性

函数也是对象,是对象就可以拥有属性和方法


实例

<script>
   // 向函数添加一个属性
   // 把属性添加到构造函数里,并没有添加到构造函数的实例里
   // 直接添加到构造函数上的属性叫静态成员,不需要通过实例访问,直接用构造函数对象访问就可以了
    MyFunction.username = "YanChuChen";
    MyFunction.text = function () {
        return "是个大帅哥";
    }
    document.write (MyFunction.username + MyFunction.text() );
        
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

QQ截图20190803204149.png

*原型属性

任何函数都有一个原型属性,它的值是一个属性,保存着被当前函数实例所共享的成员 

原型属性:prototype 

实例

<script>
    MyFunction.prototype.username = "YanChuChen";
    MyFunction.prototype.text = function () {
        return "是个超级大帅哥啊";
    }
    var c = new MyFunction();
    document.write (c.username + c.text() );
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

QQ截图20190803203643.png

批改状态:合格

老师批语:JS中的函数是绝对的大哥大, 一定要好好学
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学