首页 > 其他分享 >前端原型和原型链构造函数的使用

前端原型和原型链构造函数的使用

时间:2023-08-07 10:05:01浏览次数:24  
标签:console name 前端 构造 原型 Animal 构造函数


 

目录

前言

导语

原型的构造器指向构造函数

 原型上添加方法注意的地方 构造器指向构造函数本身

总结


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

前端原型和原型链构造函数的使用

前端原型和原型链构造函数的使用_构造器

前端原型和原型链构造函数的使用_构造器_02编辑

原型的构造器指向构造函数

// 原型的构造器指向构造函数。
       function Animal(name){
           this.name=name
       }
       let obj=new Animal("小猴")
       console.log(Animal.prototype.constructor===Animal)   //true
       console.log(obj.__proto__.constructor === Animal) //true

前端原型和原型链构造函数的使用_构造器_03

 原型上添加方法注意的地方 构造器指向构造函数本身

function Star(name) {
				this.name = name
			}
			Star.prototype.dance = function () {
				console.log(this.name)
			}
			let geyao = new Star('小花')
			console.log(geyao.__proto__) //{dance: ƒ, constructor: ƒ}
			console.log(geyao.__proto__.constructor) // Star

前端原型和原型链构造函数的使用_赋值_04

总结

// 原型的构造器指向构造函数。

//原型上添加方法注意的地方 构造器指向构造函数本身

//Star.prototype = {}给原型重新赋值,此时会丢失构造器,

 //我们需要手动定义构造器,指回构造函数本身


标签:console,name,前端,构造,原型,Animal,构造函数
From: https://blog.51cto.com/u_14476028/6991011

相关文章