面向对象

一、对象是什么?

对象是无序属性的集合。

二、所有面向对象的属性:

a)封装

b)多态

c)继承

下面是一个小练习:产生七个(0,36]的数,该七个数不能重复。

那么这里就需要检测产生数的是否重复问题,而0-36可以用随机数解决:Math.random();而七个数可以用for循环来解决。重复问题可以通过判断来解决,也就是if语句

如:

//这里创建一个空数组,用来盛放数据

vararr=[];

//flag是一个布尔类型的量

varflag=false;

//产生七个随机数

for(vari=0; i<7;){

//随机数生成

//~~等同于parseInt(),具体的区别尚不明

varrand= ~~(Math.random()*36)+1;

//解决重复问题

for(varj=0;j

//判断新产生的值与前面产生的值是否相等,相等的话直接break,会返回一个true,使得下面的判断语句会不产生一个随机数,且i不会自增

if(arr[j]==rand){

flag=true;

break;

}

}

if(flag){

flag=false;

}else{

i++;

//将产生的未重复的rand放入数组arr中

arr.push(rand);

}

}

console.log(arr);

arr.sort(function(a,b){

return a - b;

});//冒泡排序

console.log("排序后:" + arr);

三、创建对象的三种方法:

a)使用构造函数创建对象:

如:var 对象名 = new 构造函数名(参数);

function Demo(name,height){

this.name=name;

this.height=height;

this.sayHello=function(){

console.log(this.name+"大家好呀!");

}

}

vartom= newDemo("tom",174);

注意:可以用new关键字来创建对象,构造函数的函数名首字母大写,而普通函数一般为小写

b)使用字面量的方法创建对象:

如:var 对象名 = {属性名:属性值,属性名:属性值}

var mark={

name:"mark",

sex:"男",

sayName:function(){

console.log("我的名字是:"+this.name)

}

}

注意:字面量创建对象方法一般来说,属性名和属性值之间使用分号分隔,而属性值与属性名之间可以用分号或者逗号分隔,不过推荐使用逗号。

c)EM5 Object.create();方法创建(现在仅供了解)

四、构造函数中new关键字的执行过程

1,划分出对应的区域

2,将其赋值给this

3,执行构造函数中的代码

4,查看是否有返回值,如果有返回值,则返回返回值,如果没有,则返回构造函数本身。

五、构造函数与普通函数的区别:

如:

function Human(){

console.log("我是++");

}

Human();

//普通函数的调用

var a=Human();

//构造函数的用法

var tom= new Human();

//返回undefined;因为没有返回值的函数在普通函数的调用中为undefined

console.log(a);

//返回Human{}

console.log(tom);

注意:在构造函数与普通函数中,如果普通函数和构造函数如果都没有返回值,普通函数将会返回undefined,而构造函数将会返回它的本身,这就是new关键字的区别。

六、for in 遍历

在之前有过for循环遍历的经验,而现在说一下for in的遍历,以下是for in遍历以及for循环遍历的方法:

var myArry=[1,2,3,4,5,6,7];

myArry.name="我是name";

//访问name属性的两种方法:

console.log(myArry.name);

console.log(myArry['name']);

console.log(myArry);

for(var i=0; i

console.log("Array["+i+"]="+myArry[i]);

}

//for in 遍历对象中的所有属性

for(var p in myArry){

console.log("属性名:"+p+";"+"属性值:"+myArry[p]);

}

这里做一个小练习:

这里有两个对象,现在我们要将两个对象中含有方法的属性返回出来

如:

var mark={

name:"mark",

sex:"男",

sayName : function(){

console.log("我的名字是:"+this.name)

}

}

var tom={

name:"tom",

sex:"男",

say:function(){

console.log("我的名字是:"+this.name)

}

}

//调用其中的函数方法:

var person=[mark,tom];

for(var i=0; i

for(var prop in person[i]){

if(typeof person[i][prop]==="function"){

person[i][prop]();

}

}

}

七、访问对象的两种方法:

1、对象名.属性名

2、对象名[“属性名”]

八、数值属性:

Object.defineProperty(需要创建属性的对象名,新建属性名,{

configurable:布尔类型,

writable:布尔类型,

enumerable:布尔类型,//该三个属性默认值为false

value:属性值

})

如:

var tom={

name:"tom"

};

Object.defineProperty(tom,"age",{

configurable:true,//是否可以被删除

writable:true,//是否为只读,即可不可以更改

enumerable:true,//对象是否可枚举出来

value:19//此属性的属性值

});//第一个参数表示给哪个对象赋予属性,第二个参数表示属性名,第三个参数可以设置属性的四种特性进行设置。

deletetom.age;//测试删除操作,即测试configurable

for(varpintom){

console.log(p);

}//测试枚举操作,即enumerable

tom.age=200;//测试更改操作,即writable操作

console.log(tom)

九、访问器属性:

Object.defineProperty(需要创建属性的对象名,新建属性名,{

configurable:布尔类型,

enumerable:布尔类型,//该属性默认值为false

get:,

set:

})

如:

var jarry={

name:"jarry",

bron : new Date('1995-12-10')

};

Object.defineProperty(jarry,'age',{

configurable:true,

enumerable:true,

get:function(){

var result= new Date().getFullYear() - this.bron.getFullYear();

return result;

},

set:function(bron){

this.bron= new Date(bron);

}

})

console.log("jarry今年的年龄是:"+jarry.age);

十、如何一次性创建多个属性名及特性

如:

var mark={};

Object.defineProperties(mark,{

name:{value:"mark"},

age:{value:16},

sex:{value:"男"},

height:{value:197}

})

console.log(mark.name);

console.log(mark.age);

console.log(mark.sex);

console.log(mark.height);

���|

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

推荐阅读更多精彩内容

  • 一、JavaScript基础知识回顾 1.1 JavaScript 1.1.1 javascript是什么? Ja...
    福尔摩鸡阅读 1,264评论 0 7
  • title: js面向对象date: 2017年8月17日 18:58:05updated: 2017年8月27日...
    lu900618阅读 568评论 0 2
  • 一、面向过程和面向对象的区别、联系 1.面向过程编程:注重解决问题的步骤,分析问题需要的每一步,实现函数依次调用。...
    空谷悠阅读 898评论 1 11
  • 开篇废话是一种情怀 在我们开始学习面向对象之前,首先得先想一个问题,那就是何为对象? 在日常生活中我们有男朋友\女...
    西巴撸阅读 516评论 4 3
  • #1.面向对象的相关概念 01 对象是什么? 什么都是对象,对象是具体的事物; 02 对象的描述信息(静态特征) ...
    Ainy尘世繁花终凋落阅读 248评论 0 0