方式一: Object构造函数模式

  * 套路: 先创建空Object对象, 再动态添加属性/方法
* 适用场景: 起始时不确定对象内部数据
* 问题: 语句太多
/*
一个人: name:"Tom", age: 12
*/
// 先创建空Object对象
var p = new Object()
p = {} //此时内部数据是不确定的
// 再动态添加属性/方法
p.name = 'Tom'
p.age = 12
p.setName = function (name) {
this.name = name
} //测试
console.log(p.name, p.age)
p.setName('Bob')
console.log(p.name, p.age)
方式二: 对象字面量模式
* 套路: 使用{}创建对象, 同时指定属性/方法
* 适用场景: 起始时对象内部数据是确定的
* 问题: 该方式的劣势比较明显,就是无法复用,如果创建大量同类型的对象,则代码会非常冗余
var p = {
name: 'Tom',
age: 12,
setName: function (name) {
this.name = name
}
} //测试
console.log(p.name, p.age)
p.setName('JACK')
console.log(p.name, p.age) var p2 = { //如果创建多个对象代码很重复
name: 'Bob',
age: 13,
setName: function (name) {
this.name = name
}
}
方式三: 工厂模式(利用内置对象的方式创建对象)
* 套路: 通过工厂函数动态创建对象并返回
* 适用场景: 需要创建多个对象
* 问题: 对象没有一个具体的类型, 都是Object类型,没办法判断类型

function createObj(name, age) { //返回一个对象的函数===>工厂函数
var obj = {
name: name,
age: age,
setName: function (name) {
this.name = name
}
} return obj
} // 创建2个人
var p1 = createObj('Tom', 12)
var p2 = createObj('Bob', 13)
console.log(p1.constructor) // Object 指向的构造函数是Object
console.log(p2.constructor) // Object 指向的构造函数是Object // p1/p2是Object类型
// 那么为什么说没办法判断类型呢?那么我们创建一条狗的对象
// 可以看出,狗的constructor也是指向Object,那么我们人和狗的类型就没办法去区分了
let dog = createObj('二哈',10)
console.log(dog.constructor) // Object 指向的构造函数是Object function createStudent(name, price) {
var obj = {
name: name,
price: price
}
return obj
}
var s = createStudent('张三', 12000)
// s也是Object
方式四: 自定义构造函数模式
* 套路: 自定义构造函数, 通过new创建对象
* 适用场景: 需要创建多个类型确定的对象
* 问题: 每个对象都有相同的数据, 浪费内存
function Person(name,age){
// 1.系统自动创建对象,并且把这个对象赋值到this上,此步不需要我们操作
// let this = new Object() // 2.给这个对象赋属性、方法,需要我们自己操作
this.name = name
this.age = age
this.eat = function(){
console.log(name + '吃饭')
} // 3.系统自动返回创建的对象
// return this
} let p1 = new Person("leah",28)
console.log(p1.constructor) // Person 指向的构造函数是Person function Dog(name,age){
this.name = name
this.age = age
} let dog = new Dog("二哈",10)
console.log(dog.constructor) // Dog 指向的构造函数是Dog
 默认是返回新创建的对象,特别需要注意的是 
如果显式return一个对象数据类型,那么将来new的对象,就是显式return的对象
// 当我们显式return一个原始数据类型
function Person(name,age){
this.name = name
this.age = age return "1"
} let p = new Person("leah",28) // { name: 'leah', age: 28 } // 当我们显式return一个对象数据类型时
function Person(name,age){
this.name = name
this.age = age return [1,2,3]
} let p = new Person("leah",28) // [ 1, 2, 3 ]
// 我们发现,当显式return一个对象数据类型时,我们new出来的对象,得到的是return的值
方式六: 构造函数+原型的组合模式
* 套路: 自定义构造函数, 属性在函数中初始化, 方法添加到原型上
* 适用场景: 需要创建多个类型确定的对象
function Person(name, age) { //在构造函数中只初始化一般函数
this.name = name
this.age = age
}
Person.prototype.setName = function (name) { //共享方法绑定到prototype上
this.name = name
} var p1 = new Person('Tom', 23)
var p2 = new Person('Jack', 24)
console.log(p1, p2)
 

最新文章

  1. Chinese economic influence in North Korea
  2. 之前想搞一个nim但因为是自用我会持续修复完善
  3. Python之调用函数
  4. BZOJ 3752 世界树
  5. 新手学Android
  6. 7 天玩转 ASP.NET MVC — 第 6 天
  7. ASP.NET二级域名站点共享Session状态
  8. 第 16 章 观察者模式【Observer Pattern】
  9. wordpress教程之函数site_url()、home_url()、bloginfo(‘url’)的区别
  10. fastjson的常用使用方法
  11. 解决本地访问Android文档是非常慢的问题
  12. FreeRTOS中断优先级配置(重要)
  13. Python报错TypeError: '<' not supported between instances of 'str' and 'int'
  14. prometheus 配置容器 cadvisor监控节点
  15. JAVA对象 向上转型upcasting,向下转型downcasting
  16. UFLDL 教程学习笔记(二)反向传导算法
  17. 小强学Python+OpenCV之-1.3绘图
  18. ThinkingInJava 学习 之 0000004 初始化与清理
  19. Android事件拦截机制 - 两句话
  20. 解决maltab的中文和英文字体问题,中文乱码

热门文章

  1. js 数组去重方法总结
  2. JavaScript Array Reduce用于数组求和
  3. Java Web - 笔记(1)
  4. HDU-3714 Error Curves(凸函数求极值)
  5. Vue.js路由管理器 Vue Router
  6. 重写移动端滚动条[iScroll.js核心代码]
  7. java集合之 ConcurrentHashMap的产生
  8. centos 6.x 编译安装 pgsql 9.6
  9. homebrew学习(四)之取消homebrew自动更新
  10. LOCATE()和FIND_IN_SET()