一、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.創(chuàng)建函數
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
//優(yōu)點：返回新對象，互不影響
//缺點：代碼重復（方法相同）。
// 沒有從屬關系，四、構造函數
//四、構造函數；
//優(yōu)點：有從屬
//缺點：代碼重復(相同方法)；
// 1.創(chuàng)建函數
//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五、原型模式
//原型優(yōu)點：共同/相同的屬性、方法不重復 有從屬關系
//缺點：原型上的屬性不可單獨改變
function Fn(){
}
Fn.prototype.name="王";
Fn.prototype.age=19;
var obj=new Fn();
console.log(obj);
/*
修改obj.__proto__.name
obj.__proto__.name 發(fā)生變化
obj2.__proto__.name 也發(fā)生變化
obj和obj1 共用__proto__對象
公共/相同的屬性、方法放在構造函數.prototype上 實現(xiàn)代碼不重復
*/
obj.__proto__.name="李"
console.log( obj.__proto__.name );
var obj2=new Fn();
console.log(obj2);
console.log(obj.__proto__.name);推薦好課：
小白學前端：JavaScript零基礎入門到進階(2020版)
JavaScript實戰(zhàn)：動態(tài)網站開發(fā)
