javascript 继承 constructor 需要注意点

最新推荐文章于 2020-11-12 14:32:44 发布
最新推荐文章于 2020-11-12 14:32:44 发布
阅读量174 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/lihaozhou/p/4060862.html
版权 
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

</body>
<script>
    var People = function(){
        this.name = "Jackey";
    };
    People.prototype.getName = function(){
        return this.name;
    };

    var Man = function(){
        this.sex = "male";
        People.call(this);
    };
    //缺点 ，name 是父类中的属性，如果修改会影响子类
    //Man.prototype = People.prototype;
    //new 新开内存
    Man.prototype = new People();
    Man.prototype.constructor = Man;//可随意修改People的属性，不会影响到Man

    var man = new Man();
    console.log(man.getName());

</script>
</html>
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

</body>
<script>
    var People = function(){
        this.name = "Jackey";
    };
    People.prototype.getName = function(){
        return this.name;
    };

    var Man = function(){
        this.sex = "male";
        People.call(this);
    };
    //缺点 ，name 是父类中的属性，如果修改会影响子类
    //Man.prototype = People.prototype;
    //new 新开内存
    Man.prototype = new People();
    Man.prototype.constructor = Man;//可随意修改People的属性，不会影响到Man

    var man = new Man();
    console.log(man.getName());

</script>
</html>
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

</body>
<script>
    var People = function(){
        this.name = "Jackey";
    };
    People.prototype.getName = function(){
        return this.name;
    };

    var Man = function(){
        this.sex = "male";
        People.call(this);
    };
    //缺点 ，name 是父类中的属性，如果修改会影响子类
    //Man.prototype = People.prototype;
    //new 新开内存
    Man.prototype = new People();
    Man.prototype.constructor = Man;//可随意修改People的属性，不会影响到Man

    var man = new Man();
    console.log(man.getName());

</script>
</html>

 

转载于:https://www.cnblogs.com/lihaozhou/p/4060862.html

weixin_30407613
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
揭开js之constructor属性的神秘面纱
zengyonglan的博客
12-05 2万+
揭开 constructor 在 Javascript 语言中，constructor 属性是专门为 function 而设计的，它存在于每一个 function 的prototype 属性中。这个 constructor 保存了指向 function 的一个引用。 在定义一个函数（代码如下所示）时， function F() { // some code } JavaScript
JavaScript类和继承 constructor属性
10-29
本文介绍了JavaScript里面的constructor属性。这个属性是理解JavaScript类和继承的重要基础。
构造方法/构造器constructor的注意要点
m0_46544453的博客
11-12 164
1.构造器与类同名 2.每个类可以有一个以上的构造器 3.构造器可以有0个、1个或多个参数 4.构造器没有返回值 5.构造器总是伴随着new操作一起调用
JavaScript多种继承总结及constructor取值
Lu_sdu的博客
12-06 515
以下个人观点，不足之处望能指正（具体源码请参考JavaScript高级程序设计_继承）针对于实现自定义类型采用的继承方式原型链继承SubType.prototype = new SuperType()//赋值超类实例，子类存在共享引用类型数据的问题 var instance = new SubType()//不能向超类构造函数传参 借用构造函数继承SuperType.call(this,"xxx")
JavaScript继承与聚合实例详解
10-17
JavaScript中的继承和聚合是两种重要的面向对象编程概念，它们允许我们构建复杂的代码结构，实现代码重用，并且有助于保持代码的整洁和可维护性。在JavaScript中，由于它是一种动态类型的语言，继承和聚合的实现方式...
全面分析JavaScript 继承
10-16
以下是几种常见的JavaScript继承方式的详细分析： 1. **原型链继承（Prototype Inheritance）** 在ES5及之前，JavaScript并没有内置的类概念，但可以通过原型链实现继承。例如： ```javascript function ...
深入浅析JavaScript中的constructor
10-22
如果想让`constructor`仍然指向`Person`，我们需要在修改`prototype`后手动设置`constructor`属性： ```javascript Person.prototype = { constructor: Person, getName: function() { return this.name; }, ...
(转)JavaScript继承详解（二）
08-04 186
这一章我们将会重点介绍JavaScript中几个重要的属性（this、constructor、prototype）， 这些属性对于我们理解如何实现JavaScript中的类和继承起着至关重要的作用。 this this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使...
js继承 prototype和constructor
Cherry6376的博客
04-10 162
function a(){ this.name="aaa"; } function b(){ this.age=100; } 我们定义两个function，当我们实例化的对象的时候的操作是这样的 var ...
2020-07-01 js 子类构造方法(constructor)重写
aftermetyou的博客
07-01 523
★ 首先，构造方法constructor是不能被继承，同样的也就不能被重写了，但是可以它被重载。 通过在子类的构造方法中的开头添上super([参数])，以表明子类构造之前先构造父类。 父类 import Coin from './coin'; import PaySDK from './pay/sdk'; class CashierForm { constructor(props) { ...
grunt的一些注意事项
chenhua4088的专栏
03-24 1187
如果要引用指定版本的插件 语法是： npm install bootstrap@3.3.6 如果要写入到package.json中 语法是：npm install botstrap@3.3.6 --save-dev 以下是引用了一些网上jslint的错误提示的翻译结果 前端javascript代码编写中，有一个不错的工具叫JSLint，可以检查代码规范化，压缩JS，CSS
js constructor
zjw0742的博客
07-18 755
揭开 constructor 在 JavaScript 语言中，constructor 属性是专门为 function 而设计的，它存在于每一个 function 的prototype 属性中。这个 constructor 保存了指向 function 的一个引用。  在定义一个函数（代码如下所示）时， function F() { // some code }123123
JavaScript 中对象的 constructor 属性的作用是什么？
Acosta_blog的博客
08-23 792
作者：小鱼二 链接：https://www.zhihu.com/question/19951896/answer/67551712 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 var a,b; (function(){ function A (arg1,arg2) { this.a = 1; this.b=2; }
javascript中的继承, 找回丢失的constructor
yuanlanxiaup
02-15 121
autho: selfimpr blog: http://blog.csdn.net/lgg201 mail: lgg860911@yahoo.com.cn javascript的继承方案: 1. 子类构造器中以自身对象作为宿主对象对父类进行调用. function User(username, password) { this.username = usernam...
Constructor详解
猪飞小贱的博客
04-07 7607
Constructor 提供获取构造方法信息，并可生成实例。 一个构造方法的属性有： 方法上使用的注解、方法的修饰符、方法上定义的泛型参数、方法名称、方法参数(泛型、注解)、方法抛出的异常。 比如下面这个方法： [java] view plain copy @MyAnnotation   public   ConstructorTe
javascript prototype constructor
最新发布
11-24
JavaScript的prototype和constructor是JavaScript中的两个概念，用于实现对象的继承和构造。 prototype(原型)是JavaScript中每个对象都有的一个属性，它指向该对象的原型（即父对象）。每个函数都有一个prototype...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值