JavaScript对象的创建以及使用

创建对象的三种方式

1.调用系统的构造函数创建对象
var 变量名=new Object();
Object是系统的构造函数。Array也是
var obj=new Object();
    //对象有特征---属性和行为---方法
    //添加属性-----如何添加属性?  对象.名字=值;
    obj.name="温室";
    obj.age="23";
    //添加方法----如何添加方法? 对象.名字=函数;
    obj.eat=function (){
        console.log("可是谁又真的关心谁"+obj.age);
        //属性的获取
        console.log(obj.name);
    }
    //方法的调用
    obj.eat();

如何获取该变量(对象)是不是属于什么类型的?
语法:变量 instanceof 类型的名字--->结果为布尔类型的
在当前的对象的方法中,可以使用this关键字代表当前对象
       var person=new Object();
       person.name="小白";
       person.age=10;
       person.sayHi=function () {
         //在当前这个对象的方法中是可以访问当前这个对象的属性的值
           console.log("您好,吃了没您,我叫:"+this.name);
       };
       person.sayHi();
//工厂模式创建对象
    function createObject(name,age) {
        var obj = new Object();//创建对象
        //添加属性
        obj.name = name;
        obj.age = age;
        //添加方法
        obj.sayHi = function () {
            console.log("是谁给你的勇气,我叫:" + this.name + "我今年:" + this.age);
        };
        return obj;
    }
    //创建人的对象
    var per1 = createObject("小芳",20);
    per1.sayHi();
    //创建一个人的对象
    var per2 = createObject("小红",30);
    per2.sayHi();       
2.自定义构造函数创建对象
函数与构造函数的区别:名字是不是大写(首字母)
自定义构造函数创建对象:先自定义一个构造函数,再创建对象
      //自定义一个构造函数
     function Person(name,age) {
      this.name=name;
      this.age=age;
      this.sayHi=function () {
        console.log("我叫:"+this.name+",年龄是:"+this.age);
      };
    }
    //创建对象--->实例化一个对象,并初始化
    var obj=new Person("小明",10);
    console.log(obj.name);
    console.log(obj.age);
    obj.sayHi();
  创建对象一共做了四件事:
  1.在内存中开辟了一块空间,用来存储创建的对象
  2.把this设置为当前对象
  3.设置对象的属性和方法的值
  4.返回创建后的对象
3.字面量的方式创建对象
    var obj={};
    obj.name="小白";
    obj.age=10;
    obj.sayHi=function () {
      console.log("我是:"+this.name);
    };
    obj.sayHi();
//推荐方式:
var obj={
      //键值对的形式书写
        name:"安河桥",
        age:24,
        eat:function () {
            console.log(this.name+"吹过的牛皮,就像青春一样回不来");
        }
    };
    obj.eat();
4.对象总结
1.字面量创建对象的缺点:一次性对象
2.点语法:对象.名字=值;   对象.名字=函数
3.设置和获取属性的另一种写法:obj["name"];
    function Person(name,age) {
        this.name=name;
        this.age=age;
        this.eat=function () {
            console.log(this.name+"吹过的牛皮,就像青春一样回不来");
        };
    }
    var obj=new Person("lzg",20);
    //obj.name="lkj";
    obj["name"]="lkj";
    obj.eat();
    obj["eat"]();

4.JSON格式的数据
  一般都是成对的,是键值对。
  JSON也是一个对象,数据都是成对的,一般json格式的数据无论是键还是值都是用双引号括起来的
    var json = {
      "name": "小明",
      "age": "10",
      "sex": "男"
    };
    
   遍历对象用for---in循环
   var json = {
        "name": "小明",
        "age": "10",
        "sex": "男"
    };
    //key是一个变量,这个变量中存储的是该对象的所有的属性的名字
    for(var key in json){
        console.log(key);//json对象中属性的名称
        console.log(json[key]);
        console.log(key + "===========" + json[key]);
    }

简单类型和复杂类型

原始数据类型:number,undefined,null,string,boolean,object
基本数据类型(值类型,简单数据类型):number,string,boolean
复杂类型(引用类型):object
空类型:undefined,null
存储方式:
    值类型的值在栈中存储;引用类型的值(对象在堆中存储,地址在栈中存储)
    值类型的传递,传递的是值(值类型作为函数的参数,传递的是值
)
    引用类型之间的传递,传递的是地址(引用类型作为函数的参数,传递的是地址
)
    

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值