对JavaScript面向对象的一些理解(二)函数和对象的关系

本文探讨了JavaScript中构造函数创建对象的方式,分析了构造函数与对象的关系,并解释了使用new关键字与不使用new关键字的区别。

1. 构造函数来创建对象

    function Person (name, age, friend) { //一般首字母要大写
            //属性
            this.name = name;
            this.age = age;
            // this.friend = {
            //  name : friend.name,
            //  age : friend.age
            // }
            this.friend = friend;
            //方法
            this.sayHello = function () {
                console.log("大家好,我叫:" + this.name + ",年龄:" + this.age);
            }
//不需要return,通过构造函数方式创建对象,构造函数没有显性的返回值,
//如果是通过new关键字配合构造函数使用的话,就相当于创建了一个当前类型的实例对象,程序会默认给我们加上一个 return this
//如果使用new来调用,this就是指向当前对象
        }
    var person1 = new Person('小雪', 18, '小黑');

这里写图片描述

2. 函数与对象的关系
但是有个奇怪的现象,从上面的代码我们可以看出对象是由函数创建而来的,
有人可能存在疑问?字面量法呢?且看下面的测试
字面量法创建对象和数组:

var obj={name:'王宝强',age:18};
var arr=[1,2,"a"];

其实以上代码的本质是:

var obj=new Object();
    obj.name="王宝强";
    obj.age=18;
    var arr=new Array();
    arr[0]=1;
    arr[1]=2;
    arr[2]="a";

下面我们打印一下

    console.log(typeof(Object));//function
    console.log(typeof(Array));// function

打印结果Object 和 Array 都是function,所以说对象是函数创建的是没有问题的。
但是我们又说函数就是对象的一种。什么情况?函数与对象到底什么关系?

var fn = function () { };
  console.log(fn instanceof Object);  // true

看着上面的代码觉得没问题是吧 的确
和数组与对象不一样,数组可以看出对象的一个子集。但是函数和对象的关系是相互包含的关系。让人难以理解,这是一个悖论?后来想想这就是现实生活中鸡生蛋蛋生鸡的道理一样,看来一门语言也是一门生活哲学啊!
3.构造函数使用new关键字与不使用的区别

function Person (name) {
        this.name1 = name;
        }
    var person = Person("哈哈");
        console.log(person);// undefined
    //在访问window的name属性
        console.log(window.name1);//哈哈
        console.log(this.name1);// //哈哈
    //当不使用new关键字调用构造函数的时候,构造函数内部的this会指向window对象

如何消除这种不同?
解决方案1.

    function Person (sex) {
            if (this == window) {//判断调用的环境如果是全局则返回一个新建对象
                return new Person(sex);
            }
            this.sex = sex;
        }
        var person1 = Person("女");
        var person2= new Dog("男");

        console.log(person1.sex);//女
        console.log(person2.sex);//男

解决方案2.

function Person(sex){
    if (this instanceof Person) {//利用instanceof判断this
            this.sex = sex;
            return this 
            }

    return new Person(sex);
}

这两个解决方案只是有助于对关键字new的理解,没什么太大的用处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值