Object-创建对象常用的六种方法
程序员文章站
2022-04-19 11:16:09
Object-创建对象常用的六种方法话不多说,上代码!!! 创建对象的常用的6种方法
Object-创建对象常用的六种方法
话不多说,上代码!!!
1.对象实例化
//1对象实例化-(没对象?new一个不就完了^v^,>o<)
var a = new Object();
2.字面量声明法
//2字面量声明
var b = {
name:'张三';
}
3.工厂模式
//3 工厂模式
function aa(name,age){
//1) 原材料
var bb = new Object();
bb.name = name;
bb.age = age;
//2)加工
bb.create = function(){
console.log('我的名字是'+ bb.name+"年龄"+bb.age);
}
// 3)完工把对象返回出去
return bb;
}
var zhangsan = aa('张三',18);
var lisi = aa('李四',20);
// console.log(zhangsan);
// console.log(lisi);
// console.log(zhangsan.create());
4.构造函数
//4 构造函数
function bb(name,age){
this.name = name;
this.age = age;
this.create = function(){
console.log('我的名字是'+ this.name+"年龄"+this.age);
}
}
var ccc = new bb('赵六',21);
var bbb = new bb('赵六',21);
// console.log(ccc.create == bbb.create);
//构造函数和工厂模式区别
// 工厂模式里面要 new 一个对象 ,还需要return 这个对象
5.原型对象
//5 原型对象
function ooo(name,age){
ooo.prototype.name = name;
// this.age = age;
}
var pp = new ooo('张三',19);
var ll = new ooo('李四',20);
console.log(pp.name == ll.name); // true
console.log(pp.age == ll.age);
console.log('------');
console.log(pp);
console.log(ll);
console.log('------');
6.混合模式(原型加构造函数)
//6 混合模式(原型加构造函数 )
function bb(name,age){
this.name = name;
this.age = age;
this.create = function(){
console.log('我的名字是'+ this.name+"年龄"+this.age);
}
}
bb.prototype.run=function(){
console.log(this.name+"会跑");
}
var eee = new bb();
var ttt = new bb();
// console.log(eee.run == ttt.run);
console.log(eee.__proto__);
console.log(bb.prototype);
console.log(bb.prototype == eee.__proto__);
eee.__proto__.abc=function(){
alert('abc');
}
console.log(bb.prototype);
var nnn = new bb();
console.log(nnn);
小结:
// _proto_ 这是对象里面的原型添加方法
// prototype 这是构造函数里面的原型添加方法
本文地址:https://blog.csdn.net/yuan_xiaoxin/article/details/109353290
推荐阅读
-
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
-
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
-
关于ajax对象一些常用属性、事件和方法大小写比较常见的问题总结
-
JavaScript面向对象程序设计创建对象的方法分析
-
详解js 创建对象的几种方法
-
反射(反射的介绍、获取源头Class、创建对象、属性和方法)
-
Win7运行VB工具提示运行时错误429 ActiveX部件不能创建对象的原因及解决方法
-
JavaScript创建防篡改对象的方法分析
-
JavaScript 基础(二) - 创建 function 对象的方法, String对象, Array对象
-
PowerShell中Get-Date对象的常用属性和方法介绍