本篇内容主要讲解“JS怎么创建对象”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JS怎么创建对象”吧!
一、new Object();
var x="age" var obj=new Object(); obj.name="wang"; obj.x=20; //.字符串 obj[x]=25; //[变量] console.log(obj);//{name: "wang", x: 20, age: 25}
二、字面量
var a="hobby" var obj={"name":"wang","age":"18"}; obj.sex="男"; obj[a]="唱歌"; obj.say=function(){ } console.log(obj);//{name: "wang", age: "18", sex: "男", hobby: "唱歌", say: ƒ} var obj2={"aa bb":"hellow",".x":"world"}; console.log(obj2["aa bb"]);//hellow console.log( obj2[".x"] );//world
三、工厂模式;
//1.创建函数 function a(name, age) { var obj = { "name": "wang", "age": 19, "say": function () { } } return obj } //2.依次调用 var obj1 = a("wang", 20); console.log(obj1);//{name: "wang", age: 19, say: ƒ} console.log(obj1 instanceof Object);//true //优点:返回新对象,互不影响 //缺点:代码重复(方法相同)。 // 没有从属关系,
四、构造函数
//四、构造函数; //优点:有从属 //缺点:代码重复(相同方法); // 1.创建函数 //2.传入参数 function A(name,age){ //3.this。属性名=值 this.name=name; this.age=age; this.say=function(){ } } //调用 : var obj=new 构造函数(参数) var obj= new A("wang",19); console.log(obj); console.log( obj instanceof Object );//true console.log( obj instanceof A );//true
五、原型模式
//原型优点:共同/相同的属性、方法不重复 有从属关系 //缺点:原型上的属性不可单独改变 function Fn(){ } Fn.prototype.name="王"; Fn.prototype.age=19; var obj=new Fn(); console.log(obj); obj.__proto__.name="李" console.log( obj.__proto__.name ); var obj2=new Fn(); console.log(obj2); console.log(obj.__proto__.name);
到此,相信大家对“JS怎么创建对象”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!