創建對象的四種方式


創建對象的三種方式

1.字面量的方式去創建對象
2.使用new字符創建對象
3.自定義構造函數
4.工廠模式創建對象
對象是指:具有屬性和方法
我之前一直以為對象就是有屬性沒有方法,尷尬了。主要是忘記了。

1.通過字面量的方式去創建對象


var person1={
    name:'柯南',
    age:12,
    sex:'男',
    eat:function(){
        console.log("我餓了,想吃飯")
    },
    say:function(){
        console.log("我叫柯南")
    }
}
console.log("person.eat輸出函數",person.eat)
person.eat(); //直接輸出 我餓了,想吃飯

我們需要注意的是person.eat和person.eat()的區別
person.eat是輸出函數
person.eat()是調用函數

2.使用new字符創建對象

var person2=new Object();
person2.name='柯南'
person2.age='21'
person2.sex='男'
person2.eat=function(){
    console.log("我餓了,想吃飯")
}
person2.say=function(){
    console.log("我叫柯南")
}
console.log( '性別',person2.sex ) //輸出男

上面這兩種方式去創建對象的缺點

雖然上面這兩種都可以去創建對象
但是我們創建出來的對象壓根就不知道是什么類型?
當然我們知道他們是OBject類型
這個時候我們就需要使用自定義構造函數去創建對象了

3.自定構造函數創建對象

 function Person(name,age,sex,like){
    console.log('沒有給like形參傳遞值就是undeined',like)
    // 這里的this指向的是Person這個對象
    console.log('this',this)
    this.name=name;
    this.age=age;
    this.sex=sex;
    this.say=function(){
        console.log("我叫",name)
    }
}
//這一行代碼表示的是創建一個對象
//同時實例化一個對象
//並且給這個對象的屬性進行初始化
//所以這一行代碼並不簡單
let per1=new Person('柯南',19,'男');
per1.say();
console.log(per1 instanceof Person);//true

現在我們知道了per1是屬於Person類型的
這就是自定構造函數創建對象的優勢
我們知道它創建的對象是哪個類型的
ps:構造函數通常首字母大寫

當我們new一個對象的時候做了四件事情

通過創建自定義對象我們明白了
當我們new一個對象的時候做了四件事情
1.開辟空間存儲當前對象
2.把this設置為當前對象
3.設置屬性和方法
3.把this對象返回

4.工廠模式創建對象

function createObj(name,age) {
    let obj=new Object();
    obj.name=name;
    obj.age=age;
    obj.sayHi=function(){
        console.log(obj.name)
    }
    return obj;
}
let per=createObj('司藤',200)
console.log(per.age); //200
per.sayHi(); //司藤


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM