vue.js学习笔记之prototype

最新推荐文章于 2025-02-18 08:41:48 发布

原创最新推荐文章于 2025-02-18 08:41:48 发布 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#prototype #javascript #vue.js

手机跨平台应用开发记录笔记专栏收录该内容

6 篇文章

订阅专栏

本文介绍了JavaScript中prototype属性的两种使用方式：一是给构造函数的实例动态添加属性或方法；二是实现类间的继承，类似于Java语言中的继承机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript中有prototype属性，我了解到的有两种用法：

一、prototype可以给对象动态的添加属性或者方法，如：

<script>
    function student(stuname,age,classname){
        this.stuname = stuname;
        this.age = age;
        this.classname = classname;
    }
    var stu1 = new student("yovan",21,"软件七班");//实例化学生对象
    student.prototype.php_score = null;//利用prototype给student中添加一个php_score属性
    stu1.php_score = 99;
    console.log(stu1.php_sorce);//99
</script>

二、prototype可以做到类似Java继承那样，如：

<script>
    function mytest1(parameter){
        this.testNum = parameter;
   };
   function mytest2(parameter){
        this.testString = parameter;
   };
    //用mytest2的prototype去实例化mytest1，继承了mytest1里面的testNum属性
    mytest2.prototype = new mytest1(2017); 
    var objectTest2 = new mytest2("hello");
    console.log(objectTest2.testString+","+objectTest2.testNum);//hello,2017

</script>