构造函数和实例对象之间的关系 构造函数创建对象带来的问题 原型
生活随笔
收集整理的這篇文章主要介紹了
构造函数和实例对象之间的关系 构造函数创建对象带来的问题 原型
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
構(gòu)造函數(shù)和實(shí)例對(duì)象之間的關(guān)系
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><script>// 面向?qū)ο蟮乃枷胧?---抽象的過(guò)程---->實(shí)例化的過(guò)程// 小蘇這個(gè)人,姓名,年齡,性別,吃飯,打招呼,睡覺(jué)// 自定義構(gòu)造函數(shù)---->實(shí)例化對(duì)象function Person(name,age,sex) {this.name = name;this.age = age;this.sex = sex;this.eat = function(){console.log("吃大蒜拌臭豆腐");};}// 構(gòu)造函數(shù)---->創(chuàng)建對(duì)象var per = new Person("小蘇",29,"女");// 吃// per.eat();// 實(shí)例對(duì)象是通過(guò)構(gòu)造函數(shù)來(lái)創(chuàng)建// 把這個(gè)對(duì)象的結(jié)構(gòu)顯示出來(lái) // 實(shí)例對(duì)象會(huì)指向自己的構(gòu)造函數(shù)(暫時(shí)理解,是錯(cuò)誤的)// 把這個(gè)對(duì)象的結(jié)構(gòu)顯示出來(lái)console.dir(per);console.dir(Person);// 實(shí)例對(duì)象的構(gòu)造器(構(gòu)造函數(shù))// 實(shí)例對(duì)象的構(gòu)造器是指向Person的,結(jié)構(gòu)是true,所以,這個(gè)實(shí)例對(duì)象per// 就是通過(guò)Person來(lái)創(chuàng)建的// console.log(per.constructor==Person);console.log(per.__proto__.constructor==Person);console.log(per.__proto__.constructor==Person.prototype.constructor);// 構(gòu)造函數(shù)function Animal(name){this.name = name;}// 實(shí)例對(duì)象var dog = new Animal("大黃");// 實(shí)例對(duì)象console.dir(dog);// 構(gòu)造函數(shù)的名字console.dir(Animal);console.log(dog.__proto__.constructor==Person);console.log(dog.__proto__.constructor==Animal);// 判斷這個(gè)對(duì)象是不是這種數(shù)據(jù)類型console.log(dog.constructor==Animal);// console.log(dog instanceof Person);// 總結(jié):/*** 實(shí)例對(duì)象和構(gòu)造函數(shù)之間的關(guān)系:* 1.實(shí)例對(duì)象是通過(guò)構(gòu)造函數(shù)來(lái)創(chuàng)建的--創(chuàng)建的過(guò)程叫實(shí)例化* 2.如何判斷對(duì)象是不是這個(gè)數(shù)據(jù)類型?* 1) 通過(guò)構(gòu)造器的方式 實(shí)例對(duì)象.構(gòu)造器==構(gòu)造函數(shù)的名字* 2) 對(duì)象 instanceof 構(gòu)造函數(shù)名字* 盡可能的使用第二種方式來(lái)識(shí)別,為什么原型講完再說(shuō)*/</script> </head> <body></body> </html>構(gòu)造函數(shù)創(chuàng)建對(duì)象帶來(lái)的問(wèn)題
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><script>// function Person(name,age){// this.name = name;// this.age = age;// this.eat = function(){// console.log("今天吃紅燒土豆");// };// }// var per1 = new Person("小白",20);// var per2 = new Person("小黑",29);// per1.eat();// per2.eat();// // 不是同一個(gè)方法// console.log(per1.eat==per2.eat);// for(var i=0;i<100;i++){// var per = new Person("嘎嘎",20);// per.eat();// }// console.dir(per1);// console.dir(per2);function myEat(){console.log("吃大榴蓮");}// var myEat = 10;function Person(name,age){this.name = name;this.age = age;this.eat = myEat;}var per1 = new Person("小白",20);var per2 = new Person("小黑",29);console.dir(per1);console.dir(per2);console.log(per1.eat==per2.eat);// 通過(guò)原型來(lái)解決----數(shù)據(jù)共享,節(jié)省內(nèi)存空間,作用之一</script> </head> <body></body> </html>原型
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><script>function Person(name,age){this.name = name;this.age = age; }// 通過(guò)原型來(lái)添加方法,解決數(shù)據(jù)共享,節(jié)省內(nèi)存空間Person.prototype.eat = function(){console.log("吃涼菜");};var p1 = new Person("小明",20);var p2 = new Person("小紅",19);console.log(p1.eat==p2.eat);console.dir(p1);console.dir(p2);</script> </head> <body></body> </html>?
總結(jié)
以上是生活随笔為你收集整理的构造函数和实例对象之间的关系 构造函数创建对象带来的问题 原型的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 课程介绍 复习 创建对象的三种方式 自定
- 下一篇： 面向过程和面向对象的编程思想 复习原型