博客列表 >构造函数创建对象及添加成员-2019年7月10日

构造函数创建对象及添加成员-2019年7月10日

牛niu轰轰的blog
牛niu轰轰的blog原创
2019年07月21日 22:52:34686浏览

7月10日

  1. 写一个构造函数来创建对象

 

  1. <script>
        var Gouzao = function(){
            this.email='123@php.cn';
            this.get=function(value){
                var words = 'what is your email?\n';
                return words +value;
            };
        };
     var obj=new Gouzao();
     console.log(obj.email);
     console.log(obj.get(obj.email));
    </script>

     构造函数.jpg

  2.   向构造函数的prototype中添加成员,实现数据在实例间共享

 

  1. <script>
     var Gouzao = function(){
            this.email='123@php.cn';
            this.get=function(value){
                var words = 'what is your email?\n';
                return words +value;
            };
        };
     //构造函数创建的实例互相访问,需共享。通过原型对象;
    // 任何函数都有一个属性:原型属性,它的值时一个对象,保存着被当前函数实例所共享的成员
        gouzao.prototype.lname= 'login name:';
        gouzao.prototype.login=function(){
            return 'peter';
        };
        var obj=new Gouzao();
        console.log(obj.lname);
        console.log(obj.login());
    </script>

    prototype实例共享.jpg

    总结:
    1.JavaScript 函数

    函数基本概念

    为完成某一功能的程序指令(语句)的集合,称为函数。

    JavaScript函数的分类

      1、自定义函数(我们自己编写的函数),如:function funName(){}

      2、系统函数(JavaScript自带的函数),如alert函数。

    函数的调用方式

      1、普通调用:functionName(实际参数...)

      2、通过指向函数的变量去调用:

          var myVar=函数名;

          myVar(实际参数...);

    函数返回值

      1.当函数无明确返回值时,返回的值就是"undefined"。

      2.当函数有返回值时,返回值是什么就返回什么。

  2. 对象:

    JavaScript 对象是拥有属性(对象中的变量)和方法(对象中的函数)的数据,对象不限制成员数量。

    函数中的变量为私有变量,函数作用域只在函数中。

     

    对象复制:代码复用,一处编写,多处使用。利用函数返回值实现,返回值可以是任意类型(含对象)。

             以函数创建的方式将返回值赋给函数,再通过函数实例不同对象。一个函数给不同对象使用。

         类似于:函数a {属性值1,属性值2,属性值3,。。。}  , 此时属性值可以为变量,可以为函数等。同一个函数被不同对象使用,通过创建不同对象,将函数通过new复制赋值。函数名首字母大写。

    注:属性间加逗号,变量名和值间加冒号。

    直接定义在构造函数上的成员,有一个专有名称: 静态成员
* 静态成员有二种: 静态属性, 静态方法
* 再次申明, 静态成员,仅允许使用构造函数/类访问,不能用实例

在多个实例之间共享一些属性或方法:
* 任何函数都提供了一个属性: `prototype`, 原型属性
* 原型属性的值,仍是一个对象,可以向它添加属性和方法
* 凡是添加到构造函数的原型属性对象上的成员, 将被构造函数的所有实例所共享



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