Blogger Information
Blog 15
fans 0
comment 1
visits 14733
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JavaScript 构造函数(构造函数的原型属性prototype)和JavaScript对象的基础语法(2019年8月3日20时25分)
楚Chen
Original
853 people have browsed it

*构造函数的创建和使用

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

构造函数首字母通常大写 


实例

<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

Correction status:qualified

Teacher's comments:JS中的函数是绝对的大哥大, 一定要好好学
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments