javascript 继承 constructor 需要注意点

<!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>

时间： 2024-10-06 00:07:08

javascript 继承 constructor 需要注意点的相关文章

闲聊javascript继承和原型

javascript继承已经是被说烂的话题了,我就随便聊一点~ 一.javascript的复制继承 javascript的继承有复制继承和原型继承,基于复制继承用的不太多,而且无法通过instanceof的验证 //拷贝继承,prototype.js的extend=> function extend(destination,source){ for(var property in source) destination[property]=source[properyt]; return des

JavaScript继承基础讲解，原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承

说好的讲解JavaScript继承,可是迟迟到现在讲解.废话不多说,直接进入正题. 既然你想了解继承,证明你对JavaScript面向对象已经有一定的了解,如还有什么不理解的可以参考<面向对象JS基础讲解,工厂模式.构造函数模式.原型模式.混合模式.动态原型模式>,接下来讲一般通过那些方法完成JavaScript的继承. 原型链 JavaScript中实现继承最简单的方式就是使用原型链,将子类型的原型指向父类型的实例即可,即“子类型.prototype = new 父类型();”,实现方法如下

javascript继承—prototype属性介绍(2)

js里每一个function都有一个prototype属性,而每一个实例都有constructor属性,并且每一个function的prototype都有一个constructor属性,这个属性会指向自身.这会形成一个非常有意思的链式结构.举例如下: function Person(){ this.name =12; } console.log(Person.prototype); console.log(Person.prototype.constructor);//输出Person,指向自身

一种基于ES5的JavaScript继承

关于JavaScript继承,方式很多,包括compile-to-javascript的语言TypeScript, CoffeeScript以及网站MDN, GitHub, Modernizr各种polyfill都给出了稳妥的实现方案. 从ES5的角度看,这其中一些方案在功能上OK,但在语义上却不尽如人意. 本人从这些方案中采取一些比较潮的思路,整理出一份方案,可实现与原生DOM类继承的风格一致,达到功能和语义兼得的效果(当然,就别再老想着99后ES3了). 如果你的WebApp是基于ES5运行

面向面试编程——javascript继承的6种方法

javascript继承的6种方法 1,原型链继承 2,借用构造函数继承 3,组合继承(原型+借用构造) 4,原型式继承 5,寄生式继承 6,寄生组合式继承 1.原型链继承. <script type="text/javascript"> function Person(name,sex) { this.name=name; this.sex=sex; this.friends=['李四']; this.getName=function(){ alert(this.name

重温Javascript继承机制

原文:http://mozilla.com.cn/post/21667/ =========================== 上段时间,团队内部有过好几次给力的分享,这里对西风师傅分享的继承机制稍作整理一下,适当加了些口语化的描述,留作备案. 一.讲个故事吧澄清在先,Java和Javascript是雷锋和雷峰塔的关系.Javascript原名Mocha,当时还叫做LiveScript,创造者是Brendan Eich,现任Mozilla公司首席技术官. 1994年,历史上第一个比较成熟的网

javascript继承—prototype最优两种继承（空函数和循环拷贝）(3) - jssl915

一.利用空函数实现继承参考了文章javascript继承-prototype属性介绍(2) 中叶小钗的评论指点,对这篇文章中的方案二利用一个空函数进行修改,可以解决创建子类对象时,父类实例化的过程中特权属性和特权方法,私有属性,私有方法的空耗资源问题. function Person(name,age){ this.name = name; this.age = age; } Person.prototype = { constructor:Person, sayHi:function(){

JavaScript强化教程——Cocos2d-JS中JavaScript继承

JavaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求.由于Cocos2d-JS引擎是从Cocos2d-x演变而来的,在Cocos2d-JS的早期版本Cocos2d-HTML中几乎全部的API都是模拟Cocos2d-x API而设计的,Cocos2d-x本身是有C++编写的,其中的很多对象和函数比较复杂,JavaScript语言描述起来有些力不从心了.在开源社区中John Resiq在他的博客(http://e

【JavaScript】重温Javascript继承机制

上段时间,团队内部有过好几次给力的分享,这里对西风师傅分享的继承机制稍作整理一下,适当加了些口语化的描述,留作备案. 一.讲个故事吧澄清在先,Java和Javascript是雷锋和雷峰塔的关系.Javascript原名Mocha,当时还叫做LiveScript,创造者是Brendan Eich,现任Mozilla公司首席技术官. 1994年,历史上第一个比较成熟的网络浏览器——Navigator0.9版诞生在网景公司(Netscape),极为轰动.但是,Navigator0.9只能用来浏览,不