构造函数创建对象和Object.create()实现继承
第一个方法用构造函数创建对象,实现方法的继承
/*创建一个对象把所有公用的属性和方法,放进去*/
function Person() {
this.name = "W3cplus";
this.age = 5;
this.walk = function () {
console.log("一个前端网站...");
};
};
/*不是公用的属性另外添加*/
Person.prototype.sayHello = function () {
console.log("hello");
};
var person1=new Person();
person1.name="Tome";
console.log(person1);
person1.sayHello();
var nameWvalue=person1['name'];/*获取属性的值*/
console.log(nameWvalue);
第二个方法Object.create实现类式继承
function Shape() {
              this.x = 0;
              this.y = 0;
            };
            Shape.prototype.move = function(x, y) {
                this.x += x;
                this.y += y;
                console.info("Shape moved.");
            };
            function Rectangle() {
              Shape.call(this);
            }
            Rectangle.prototype = Object.create(Shape.prototype);
            var rect = new Rectangle();
            rect.move(1, 1); //Outputs, "Shape moved."
构造函数创建对象和Object.create()实现继承的更多相关文章
- 使用Object.create()实现继承
		
一.常见继承方式 我们日常开发中常见的继承方式主要有: 1.默认模式: Child.prototype = new Parent(); 2.借用构造函数: function Child(a, b, c ...
 - 使用Object.create()实现继承 用 Object.create实现类式继承
		
使用Object.create()实现继承:https://www.cnblogs.com/cuew1987/p/4075027.html 用 Object.create实现类式继承:https:// ...
 - 使用 Object.create实现js 继承
		
二.Object.create实现继承 本文将来学习第七种继承方式Object.create()方法来实现继承,关于此方法的详细描述,请戳这里.下面来通过几个实例来学习该方法的使用: var Pare ...
 - js Object.create 初探
		
1.作用 Object.create()方法创建一个新对象,使用现有的对象来提供新创建的对象的__proto__. https://developer.mozilla.org/zh-CN/docs/W ...
 - javascript Object.create()究竟发生了什么
		
这是我在博客园的第一篇博客,早上看了一个大牛的博客,关于javascript继承的,对于大牛使用Object.create()实现继承的方式觉得点问题,就自己研究了一下,所以就有了这篇帖子. 本帖 ...
 - js创建对象 object.create()用法
		
Object.create()方法是ECMAScript 5中新增的方法,这个方法用于创建一个新对象.被创建的对象继承另一个对象的原型,在创建新对象时可以指定一些属性. 语法: Object.crea ...
 - Object.create(null)、Object.create({})、{} 三者创建对象的区别
		
参考 1.先看看我们经常使用的{}创建的对象是什么样子的: var o = {a:1}; console.log(o) 从上图可以看到,新创建的对象继承了Object自身的方法,如hasOwnProp ...
 - object.create(null) 和 {}创建对象的区别
		
原文 简书原文:https://www.jianshu.com/p/43ce4d7d6151 创建对象的方法 如果要创建一个空的对象,可以使用如下的三种方法 var obj1 = {}; var ob ...
 - js 继承,Object.setPrototypeOf | Object.getPrototypeOf  | Object.create class
		
https://juejin.im/post/5cfd9d30f265da1b94213d28#heading-14 https://juejin.im/post/5d124a12f265da1b91 ...
 
随机推荐
- struts2 基础demo1
			
我们都知道 struts2 是基于webframework 出现的 优秀的mvc 框架, 他和struts1 完全没有联系.struts2 是一个框架, 啥叫框架呢?是一个优秀的半成品 . web的框 ...
 - DATEADD和DATEDIFF函数、其他日期处理方法 、已打开的端口、FORMAT函数
			
DATEADD和DATEDIFF函数.其他日期处理方法 .已打开的端口.FORMAT函数 DATEADD和DATEDIFF函数.其他日期处理方法 .已打开的端口.Format函数 KeyLife富翁笔 ...
 - MySQL字符集转换引发插入乱码问题
			
根据http://www.cnblogs.com/cchust/p/4601536.html进行验证测试 问题背景 在mysql上面执行一条普通的insert语句,结果报错: Incorrect st ...
 - Java for LeetCode 221 Maximal Square
			
Given a 2D binary matrix filled with 0's and 1's, find the largest square containing all 1's and ret ...
 - ssm控制输出sql(二)
			
望时高科联通log4j # DEBUG,INFO,WARN,ERROR,FATAL LOG_LEVEL=DEBUG ---------这里对应sql的级别 log4j.rootLogger=${LOG ...
 - EL表达式中fn函数 (转载)
			
JSTL 使用表达式来简化页面的代码,这对一些标准的方法,例如bean的getter/setter方法,请求参数或者context以及 session中的数据的访问非常方便,但是我们在实际应用中经常需 ...
 - LeetCode 171 Excel Sheet Column Number
			
Problem: Given a column title as appear in an Excel sheet, return its corresponding column number. F ...
 - C#文件夹和文件操作
			
File.Exist(string path)//文件读写FileStream fs=new FileStream(filename, FileMode.Create);BinaryWriter bw ...
 - [Android Pro]   Android API 23中废弃了HttpClient的解决办法
			
reference to : http://blog.csdn.net/hbwindy/article/details/51326019 reference to : http://blog.csdn ...
 - The Triangle
			
针对如下形式的ACM试题,大多出自南阳理工学院的在线ACM试题(网址: 南阳理工在线评测系统),在此非常感谢,同时也非常感谢作者的分享! 时间限制:1000 ms | 内存限制:65535 KB ...