博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript构造函数
阅读量:6293 次
发布时间:2019-06-22

本文共 1610 字,大约阅读时间需要 5 分钟。

     构造函数注意事项:
1.默认函数首字母大写
2.构造函数并没有显示返回任何东西。new 操作符会自动创建给定的类型并返回他们,当调用构造函数时,new会自动创建this对象,且类型就是构造函数类型。
3.也可以在构造函数中显示调用return.如果返回的值是一个对象,它会代替新创建的对象实例返回。如果返回的值是一个原始类型,它会被忽略,新创建的实例会被返回。
        
function
Person
(
name
){
                this.name
=
name;
            }
            
    
        
var
p1
=new
Person(
'John'
);
等同于:
          function
person
(
name
){
                Object obj
=new
Object();
                obj.name
=
name;
                
return
obj;
            }
            
var
p1
=
person(
"John"
);
4.因为构造函数也是函数,所以可以直接被调用,但是它的返回值为undefine,此时构造函数里面的this对象等于全局this对象。this.name其实就是创建一个全局的变量name。在严格模式下,当你补通过new 调用Person构造函数会出现错误。
 
5.也可以在构造函数中用Object.defineProperty()方法来帮助我们初始化:
              
function
Person
(
name
){
                Object.defineProperty(this,
"name"
{
                    get
:
function
(){
                        
return
name;
                    },
                    
set
:
function
(
newName
){
                        name
=
newName;
                    },
                    enumerable
:
true
,
//可枚举,默认为false
                    
configurable
:
true
//可配置
                
});
            }
            
            
var
p1
=new
Person(
'John'
);
6.在构造函数中使用原型对象
          //比直接在构造函数中写的效率要高的多
            
Person.prototype.
sayName
=
function
(){
                
console
.log(this.name);
            };
但是如果方法比较多的话,大多人会采用一种更简洁的方法:直接使用一个对象字面形式替换原型对象,如下:
          Person.prototype
=
{
                sayName
:
function
(){
                    
console
.log(this.name);
                },
                toString
:
function
(){
                    
return
"[Person "
+
this.name
+
"]"
;
                }
            };
这种方式非常流行,因为你不用多次键入
Person.prototype,但有一个副作用你一定要注意:
使用字面量形式改写了原型对象改变了构造函数的属性,因此他指向Object而不是Person。这是因为原型对象具有一个constructor属性,这是其他对象实例所没有的。当一个函数被创建时,它的prototype属性也被创建,且该原型对象的constructor属性指向该函数。当使用对象字面量形式改写原型对象时,其constructor属性将被置为泛用对象Object.为了避免这一点,需要在改写原型对象的时候手动重置constructor,如下:
              Person.prototype
=
{
                constructor
:
Person,
                
                sayName
:
function
(){
                    
console
.log(this.name);
                },
                
                toString
:
function
(){
                    
return
"[Person "
+
this.name
+
"]"
;
                }
            };
再次测试:
p1.constructor===Person
true
 
p1.constructor===Object
false
 
p1 instanceof Person
true

转载地址:http://kqdta.baihongyu.com/

你可能感兴趣的文章
TCP的三次握手四次挥手
查看>>
关于redis的几件小事(六)redis的持久化
查看>>
webpack4+babel7+eslint+editorconfig+react-hot-loader 搭建react开发环境
查看>>
Maven 插件
查看>>
初探Angular6.x---进入用户编辑模块
查看>>
计算机基础知识复习
查看>>
【前端词典】实现 Canvas 下雪背景引发的性能思考
查看>>
大佬是怎么思考设计MySQL优化方案的?
查看>>
<三体> 给岁月以文明, 给时光以生命
查看>>
Android开发 - 掌握ConstraintLayout(九)分组(Group)
查看>>
springboot+logback日志异步数据库
查看>>
Typescript教程之函数
查看>>
Android 高效安全加载图片
查看>>
vue中数组变动不被监测问题
查看>>
3.31
查看>>
类对象定义 二
查看>>
收费视频网站Netflix:用户到底想要“点”什么?
查看>>
MacOS High Sierra 12 13系统转dmg格式
查看>>
关于再次查看已做的多选题状态逻辑问题
查看>>
动态下拉菜单,非hover
查看>>