【JavaScript】30_修改原型

简介: ## 12、修改原型**大部分情况下,我们是不需要修改原型对象**注意:**千万不要通过类的实例去修改原型** 1. 通过一个对象影响所有同类对象,这么做不合适 2. 修改原型先得创建实例,麻烦 3. 危险处理通过__proto__能访问对象的原型外, 还可以通过类的prototype属性,来访问实例的原型 修改原型时,最好通过通过类去修改好处:1. 一修改就是修改所有实例的原型2. 无需创建实例即可完成对类的修改原则:1. 原型尽量不要手动改2. 要改也不要通过实例对象去改3. 通过 类.prototype 属性去修改4. 最好

12、修改原型

大部分情况下,我们是不需要修改原型对象
注意:
千万不要通过类的实例去修改原型

1. 通过一个对象影响所有同类对象,这么做不合适
2. 修改原型先得创建实例,麻烦
3. 危险

处理通过__proto__能访问对象的原型外,

还可以通过类的prototype属性,来访问实例的原型
修改原型时,最好通过通过类去修改

好处:

  1. 一修改就是修改所有实例的原型
  2. 无需创建实例即可完成对类的修改

原则:

  1. 原型尽量不要手动改
  2. 要改也不要通过实例对象去改
  3. 通过 类.prototype 属性去修改
  4. 最好不要直接给prototype去赋值
    <script>
        class Person {
            name = '孙悟空'
            age = 18

            sayHello(){
                console.log('Hello,我是')
            }
        }

        Person.prototype.fly = () => {
            console.log('我在飞!')
        } 

        class Dog {

        }

        const p = new Person ()
        const p2 = new Person ()

        // 通过对象修改原型,向原型中添加方法,修改后所有同类实例都能访问该方法 不要这么做!
        // p.__proto__.run = () => {
        //     console.log('我在跑~')
        // }

        // p.__proto__ = new Dog() // 直接为对象赋值了一个新的原型 不要这么做!


        // console.log(p)
        // console.log(p2)

        // p.run()
        // p2.run()

        // console.log(Person.prototype) // 访问Person实例的原型对象
</script>

13、instanceof和hasOwn

instanceof 用来检查一个对象是否是一个类的实例

  • instanceof检查的是对象的原型链上是否有该类实例

​ 只要原型链上有该类实例,就会返回true

  • dog -> Animal的实例 -> Object实例 -> Object原型
  • Object是所有对象的原型,所以任何和对象和Object进行instanceof运算都会返回true

in

  • 使用in运算符检查属性时,无论属性在对象自身还是在原型中,都会返回true

对象.hasOwnProperty(属性名) (不推荐使用)

  • 用来检查一个对象的自身是否含有某个属性

Object.hasOwn(对象, 属性名)

  • 用来检查一个对象的自身是否含有某个属性
    <script>
        class Animal {}
        class Dog extends Animal {}
        const dog = new Dog()

        // console.log(dog instanceof Dog) // true
        // console.log(dog instanceof Animal) // true
        // console.log(dog instanceof Object) // true

        const obj = new Object()

        // console.log(obj.__proto__)
        // console.log(Object.prototype)

        // dog.__proto__ / Dog.prototype

        class Person {
            name = "孙悟空"
            age = 18

            sayHello() {
                console.log("Hello,我是", this.name)
            }
        }

        const p = new Person()
        // console.log("sayHello" in p)
        // console.log(p.hasOwnProperty("sayHello"))
        // console.log(p.__proto__.__proto__.hasOwnProperty("hasOwnProperty"))

        console.log(Object.hasOwn(p, "sayHello"))
    </script>
相关文章
|
4月前
|
JavaScript 前端开发
js开发:请解释原型继承和类继承的区别。
JavaScript中的原型继承和类继承用于共享对象属性和方法。原型继承通过原型链实现共享,节省内存,但不支持私有属性。
41 0
|
4月前
|
JavaScript 前端开发 Java
深入JS面向对象(原型-继承)(三)
深入JS面向对象(原型-继承)
47 0
|
4月前
|
JavaScript 前端开发 Java
深入JS面向对象(原型-继承)(一)
深入JS面向对象(原型-继承)
52 0
|
1月前
|
JavaScript 前端开发
如何在JavaScript中实现基于原型的继承机制
【8月更文挑战第14天】如何在JavaScript中实现基于原型的继承机制
24 0
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-原型(prototype)
关于JavaScript基础知识中原型(prototype)概念的介绍。
24 1
|
1月前
|
JavaScript 前端开发
JavaScript中什么是原型?有什么用?
JavaScript中什么是原型?有什么用?
13 1
|
1月前
|
JavaScript 前端开发 Java
什么是JavaScript原型对象
【8月更文挑战第2天】什么是JavaScript原型对象
49 9
|
4月前
|
JavaScript
JS数组增删方法的原理,使用原型定义
JS数组增删方法的原理,使用原型定义
|
3月前
|
设计模式 JavaScript 前端开发
【JavaScript】深入浅出JavaScript继承机制:解密原型、原型链与面向对象实战攻略
JavaScript的继承机制基于原型链,它定义了对象属性和方法的查找规则。每个对象都有一个原型,通过原型链,对象能访问到构造函数原型上的方法。例如`Animal.prototype`上的`speak`方法可被`Animal`实例访问。原型链的尽头是`Object.prototype`,其`[[Prototype]]`为`null`。继承方式包括原型链继承(通过`Object.create`)、构造函数继承(使用`call`或`apply`)和组合继承(结合两者)。ES6的`class`语法是语法糖,但底层仍基于原型。继承选择应根据需求,理解原型链原理对JavaScript面向对象编程至关重要
76 7
【JavaScript】深入浅出JavaScript继承机制:解密原型、原型链与面向对象实战攻略
|
1月前
|
设计模式 JavaScript 前端开发
js对原型和继承的理解
了解JavaScript中原型和继承的概念对于编写优雅高效的代码、理解库和框架的内部机制以及执行高级设计模式都有着重要的意义。
36 0