第163天:js面向对象-对象创建方式总结

面向对象-对象创建方式总结

1、 创建对象的方式,json方式

推荐使用的场合: 作为函数的参数,临时只用一次的场景。比如设置函数原型对象

 1 var obj = {};
 2 //对象有自己的 属性 和  行为
 3 // 属性比如: 年龄、姓名、性别
 4 // 行为: 吃饭、睡觉、走路、讲课等... 动作
 5 var obj2 = { 
 6     name: 'laoma', 
 7     age: 18, 
 8     sayHi: function(){
 9         console.log( name + 'say hi' );
10     }
11 };
12 //添加其他属性:
13 obj2.newProp = 123;// js的动态特性,如果没有要访问的属性,直接添加属性。

缺点: 不能作为对象创建的模板,也就是不能用new进行构造新对象。

2、 创建面向对象的方式: new Object()的方式。 不推荐使用。

1 var obj3 = new Object();
2 //添加属性
3 obj3.name = 'kitty';
4 obj3.sayHi = function() {
5     console.log( name + ' ' + 'say hi');
6 };

缺点:跟上面的方式一样,只能临时用一下这个对象,不想作为new的构造模板是可以的。

3、 构造函数构造对象方法

一个函数对象 当做构造函数来使用,一般要把 函数对象的首字母大写

 1 function Persion() {
 2     this.name = '123'; // 通过this可以直接给 构造出来的对象添加属性。
 3     this.sayHi = function() {
 4         console.log( this.name );
 5     };
 6 }   
 7 
 8 var p  = new Persion(); 
 9 //** new 运算符的作用:
10 // 第一步:
11 // 执行构造函数(new后面的那个函数),在构
12 //造函数内部创建一个空对象,
13 // 第二步: 把上面的空对象跟构造函数的原型对象进行关联。
14 // 第三步:然后把this 指向当前空对象
15 //在构造函数执行结束后,把空对象返回 给 p
16 
17 console.log( p.name ); //p.name 从构造函数里面创建的。
18 p.sayHi(); //在此方法内部的 this执行 p对象。

升级改造版本:

//第三种方式有个缺点: 对象的内部的函数会在每个对象中都存一份

//如果创建的对象非常多的话,那么非常浪费内存。函数的行为是所有对象

//可以共有,不需要每个对象都保存一份。所以,可以把函数放到原型中

//进行声明,那么所有对象都有了公共的函数,而且内存中只保留一份。

//所有的属性写到对象的内部

第三种的升级版:

 1 function Sprite() {
 2     this.name = '123';
 3     this.age = 19;
 4 }
 5 Sprite.prototype = {
 6     sayHi: function() {
 7 
 8     },
 9     init: function() {
10 
11     }
12 };
13 
14 //继续升级: 把属性的设置做成参数化:
15 function Sprite( sname, sage ) {
16     this.name  = sname || '';
17     this.age = sage || 18;
18 }
19 
20 Sprite.prototype = {
21     sayHi: function() {
22 
23     },
24     init: function() {
25 
26     }
27 };
28 
29 //问题: 1、调用者如果传递参数的顺序发生变化,那么废了
30 //问题: 2、 参数增减都会导致函数声明变化,调用的地方也可能发生变化。
31 //如何解决:继续升级
32 function Sprite( option ) {  //我用一个对象把所有参数覆盖。灵活性就很强了。
33                              //顺序无所谓,添加参数也无所谓了。
34     this.name  = option.name || '';
35     this.age = option.sage || 18;
36 }
37 
38 Sprite.prototype = {
39     sayHi: function() {
40 
41     },
42     init: function() {
43 
44     }
45 };
46 
47 //继续优化,把初始化的代码 放到init函数中
48 function Sprite( option ) {  //我用一个对象把所有参数覆盖。灵活性就很强了。
49                              //顺序无所谓,添加参数也无所谓了。
50     this.init( option );
51 }
52 Sprite.prototype = {
53     sayHi: function() {
54 
55     },
56     init: function( option ) {
57         this.name  = option.sname || '';
58         this.age = option.sage || 18;
59     }
60 };

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏抠抠空间

细数Python中的数据类型以及他们的方法

一、数据类型的种类及主要功能 1、数字类型   数字类型主要是用来计算,它分为整数类型int和浮点类型float 2、布尔类型   布尔类型主要是用于判断,它分...

3375
来自专栏一“技”之长

Swift专题讲解十八——异常处理 原

        代码的运行很多时候并不会完全按照程序员的设想进行,编写代码时进行可控的异常处理机制是十分必要的。通常,对于一个特定的操作,程序员可以定义一个继承...

772
来自专栏Golang语言社区

转--Golang语言语法汇总

最近看了看GoLang,把Go语言的语法总结了一下,做个快速参考 数据类型 ---- var varName type,var var1,var2… type,...

35716
来自专栏IMWeb前端团队

那些出乎意料的类型转换

本文作者:IMWeb helinjiang 原文出处:IMWeb社区 未经同意,禁止转载 JavaScript是一门弱类型的语言,因此类型之间的转换会...

2186
来自专栏用户2442861的专栏

JAVA反射机制作用是什么

Java的反射机制是Java特性之一,反射机制是构建框架技术的基础所在。灵活掌握Java反射机制,对大家以后学习框架技术有很大的帮助。

1.4K2
来自专栏闪电gogogo的专栏

Python——正则表达式

此篇文章结合小甲鱼的笔记和视频整理。 1 编译 Python 通过 re 模块为正则表达式引擎提供一个接口,同时允许你将正则表达式编译成模式对象,并用它们来进行...

28710
来自专栏nummy

python operator模块学习

operator模块是python中内置的操作符函数接口,它定义了一些算术和比较内置操作的函数。operator模块是用c实现的,所以执行速度比python代码...

822
来自专栏大前端_Web

javascript高级程序设计(4-5)章笔记

版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接,谢谢。 https://blog.csdn.net/wkyseo/articl...

1064
来自专栏小古哥的博客园

读书笔记《PHP与MySQL程序设计》一

第1章 PHP概述 1.1  历史(PHP4、PHP5、PHP5.3、PHP6[未发布]) 1.2 一般语言特性(实用性、强大功能、可选择性、成本[开源]) 第...

4086
来自专栏Android相关

X86 Assemble指令--offset

offset是一条伪指令,在编译的过程中,编译器会将该伪指令进行计算,并且替换成标号/变量的地址偏移量

1171

扫码关注云+社区

领取腾讯云代金券