js对象操作

var student1=new Object();//定义对象引用,或者用var student1={},new Object()。所有的包装类都派生于Object。Object基类包含hasOwnProperty、isPrototypeOf、propertyIsEnumerable、toLocaleString、toString、valueOf方法

student1.name="bob";//直接设置同时添加对象属性

student1["age"]=12;//直接设置同时添加对象属性

student1.getname=function(){
        return this.name;
}//设置添加对象方法。函数表达式,只有到执行到本行才解析;this表示作用对象,这里指的是student1.

var {name:personname,age:personage}=student1;//解构赋值,对应项使用副本赋值,[a,b]=[b,a]可实现数据交换

JSON.stringify(student1);//把对象转化成json字符串

student1={
    name:"bob',
    _age:12,
    getname:function(){
        return this.name;
  }
};//前面有下划线是一种常用的标记,用于表示只能通过对象方法访问的属性,只是对开发者的一种标记习惯,并不是真正的私有变量

Object.defineProperty(student1,"name",{//可以用于定义新数据属性,也可以修改原有数据属性。也可以不使用defineProperty可以直接定义属性。也可以使用defineProperties同时定义多个数据或访问器属性
    writable:true,//对象属性的数据属性,是否可修改
    enumerable:true,//对象属性的数据属性,通过for-in遍历到
    configurable:true,//对象属性的数据属性,能否通过delete删除属性,configurable属性在定义为false以后,就不能再被设置。
    value:"aaa"//对象属性的值属性,默认是undefined
})

Object.defineProperty(student1,"age",{
    get:function(){return this._age},
    set:function(newvalue){this._age=newvalue;this.name="aaa"}
});//访问器属性,不能直接定义,必须通过defineProperty定义,不包含数据值,设置时调用set函数,读取时调用get函数。访问器属性名称不要和数据属性名称相同

student1.age=22;//age不是数据属性,而是访问属性。这里只是调用了set函数

Object.preventExtensions(student1);//设置对象不可被扩展,以后再添加属性都是undefined,防止被篡改

Object.seal(student1);//密封对象,对象不能添加删除属性。

Object.freeze(student1);//冻结对象,属性不可修改,只能通过set访问器修改

for(var i in student1){//for in 遍历对象属性
    console.log(i)
}

function Student(name,age){//自定义函数,构造函数。所有的类型派生于Object
  var sex="男";//函数内部为私有属性
  this.name=name;//通过this创建的是可以被实例对象访问的
  this.age=age;
  this.getName=function(){
      return this.name;//函数内部this表示此函数引用的拥有者,不是传入参数。当作为全局函数时,this表示window
};
  this.setName=function(name){//函数不关心传入或者定义的参数数量和类型,因此所有函数没有重载
      if(typeof name=='string'){//基本数据类型,做类型检验,避免参数传递错误
            this.name=name;//没有指定返回值,实际返回的是undefined
  }
}
  this.setAge=function(age){//函数参数总是按值传递,无论基本类型还是引用类型,引用类型传递引用的值,不传递指向对象的值
      if(age instanceof Number){//包装类型,做类型检验,避免参数传递错误
        this.age=age;
  }
}

}

student=new Student("小明",12);//new是创建了一个新对象,构造函数将属性和方法绑定到这个新对象上
Student("小红",13);//作为全局函数,通过构造函数将属性绑定到window上
var student2=new Object();
Student.call(student2,"小刚",13);//call和apply通过构造函数,将属性绑定到已存在对象student2上

//js的继承有多重方式。每种方式的内存操作都是不同。下面展示其中一种。
// js的类型继承原理和java、c#相同。派生类继承基类时,会实例化(浅复制)一个基类对象和保留引用在派生类空间。派生类内的实例的基类和派生类自定义的函数分别操控各自的属性。在函数和属性操作中时,会自动先派生后基类的顺序查找,不用手动查找
//关于实例化:只复制且全部复制在构造函数中开辟了内存的变量,包括引用变量。派生类实例化时基类对象进行浅复制。
function Monitor(){   //自定义函数,相当于自定义一个类,类名Monitor。在文件中多称为构造函数,相当于c++和java中的自定义类。每个函数类,都有基类Object
    this.task=["学习"];
}
Monitor.prototype.data = "原型数据";  //prototype获取派生类的基类对象引用,通过基类对象引用直接为基类添加属性。系统会为派生类提供默认原型,也可以通过继承自定义原型
person1 = new Monitor();                //通过函数类实例化对象
person2 = new Monitor();                //实例化对象
Object.getPrototypeOf(person1).data="原型数据1";  //通过实例修改原型。Object.getPrototypeOf()获取对象原型。实例对象包含对原型的引用,但需要使用getPrototypeOf函数获取
person1.data="派生数据";            //修改派生类属性,这样当查找data数据会先自动搜索派生类,再自动搜素基类。

printf(person1.hasOwnProperty("data"));     //是否拥有指定属性(不算基类属性)。true因为自定义了该属性
printf(person1.data);                           //读取自定义属性

var keys = Object.keys(Monitor.prototype);      //获取对象所拥有(不包括继承的)的可枚举实例,Monitor是类,Monitor.prototype是基类实例。如果换成person1,则只能获取派生类的自定义属性。getOwnPropertyNames可获取对象拥有的所有属性
printf(keys);
delete person1.data;                            //删除派生类自定义的属性
printf(person1.hasOwnProperty("data"));         //是否拥有指定属性。false,因为该属性在派生类中被删除了,只有基类中存在,虽然可以访问,但是是继承过来的,不是自己拥有的
printf("data" in person1);                  //是否包含指定属性。true包含,只是不拥有
printf(person1.data);                           //基类属性
Monitor.prototype.sex=["男"];                //通过派生类向基类添加数组引用变量
person1.sex.push("女");                          //在实例对象中保留了基类的引用和浅复制了基类对象。这里的sex是经过了一次从派生类到基类的向上查询。
printf("基类中的引用:"+person2.sex);          //实例对象连带更新。所以构造函数用于指定专属属性,原型用于存放共享属性
person1.task.push("工作");                    //修改构造函数中引用指向的对象
printf("派生类中的引用:"+person2.task);        //实例对象不连带更新构造函数中的数据。因为实例化时会深复制构造函数中的所有数据,在实例化时为每个对象都创建

Monitor
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,717评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,501评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,311评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,417评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,500评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,538评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,557评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,310评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,759评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,065评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,233评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,909评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,548评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,172评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,420评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,103评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,098评论 2 352

推荐阅读更多精彩内容