博客列表 >JavaScript 构造函数(构造函数的原型属性prototype)和JavaScript对象的基础语法(2019年8月3日20时25分)

JavaScript 构造函数(构造函数的原型属性prototype)和JavaScript对象的基础语法(2019年8月3日20时25分)

楚Chen
楚Chen原创
2019年08月03日 21:59:11852浏览

*构造函数的创建和使用

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

构造函数首字母通常大写 


实例

<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

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议