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

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

前言

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


导语

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




编辑


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

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



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

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





总结

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


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


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


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



相关文章
|
5天前
|
前端开发 JavaScript
【Web 前端】什么是原型链?
【4月更文挑战第22天】【Web 前端】什么是原型链?
|
9月前
|
前端开发
前端原型和原型链构造函数的使用
前端原型和原型链构造函数的使用
57 0
|
9月前
|
前端开发
前端原型和原型链构造函数的使用
前端原型和原型链构造函数的使用
49 0
|
9月前
|
前端开发
前端原型和原型链constructor
前端原型和原型链constructor
58 0
|
9月前
|
前端开发
前端原型和原型链实例的学习
前端原型和原型链实例的学习
38 0
|
9月前
|
前端开发
前端学习笔记202306学习笔记第三十六天-js-隐式原型和显式原型2
前端学习笔记202306学习笔记第三十六天-js-隐式原型和显式原型2
34 0
|
9月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
98 0
|
9月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
66 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置
|
9月前
|
前端开发 API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
55 0
|
9月前
|
前端开发
前端学习笔记202306学习笔记第五十一天-工厂模式4
前端学习笔记202306学习笔记第五十一天-工厂模式
34 0