方法一:构造函数法function Cat(){ this.name = ""; } Cat.prototype.showName = function(){ console.log(this.name); } var cat = new Cat(); cat.name = "Tom"; cat.showName();// Tom 它用构造函数模拟"类"，在其内部用this关键字指代实例对象。类的属性和方法，还可以定义在构造函数的prototype对象之上。生成实例的时候，使用new关键字。方法二:Object.create()法var Cat = { name:"", showName:function(){...
主题 ? 1）拖拽案例 ? 2）构造函数继承 ? 3）原型的继承 ? 4）拖拽案例的继承改造 ? 5）es6中的类的用法 ## 知识点 拖拽的构造函数实现 ### 构造函数继承- 继承：子类继承父类所有属性和行为，父类不受影响。- 目的：找到类之间的共性精简代码```jsfunction Person(name){this.name = name;this.eyes = "两只";this.legs = "两条";}function Student(name){Person.call(this,name)this.className = "二班";}let newPerso...
×目录[1]字面量[2]工厂模式[3]构造函数[4]原型模式[5]组合模式前面的话 如何创建对象，或者说如何更优雅的创建对象，一直是一个津津乐道的话题。本文将从最简单的创建对象的方式入手，逐步介绍5种创建对象的模式 【1】对象字面量 一般地，我们创建一个对象会使用对象字面量的形式 [注意]有三种方式来创建对象，包括new构造函数、对象直接量和Object.create()函数，详细情况移步至此var person1 = {name: "bai",age : 29,j...
多态多态的实际含义:同一操作作用与不同的对象上面，可以产生不同的解释和不同的执行结果，就是说，给不同的对象发送同一个消息的时候，这些对象会根据这个消息分别给出不同的反馈代码如下: class Duck{};class Chicken{};let make = function(animal){//instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上if(animal instanceof Duck){console.log(‘gagaga‘);}elsei...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript中的继承</title><script type="text/javascript"> // 父类function Person(name,email){ // 父类的构造方法this.name = name ;this.email = email...
目录js面向对象编程js原型链共享方法原型继承 js面向对象编程js面向对象编程不同于 java 的类和对象JavaScript 不区分类和实例的概念，而是通过原型（prototype）来实现面向对象编程。js声明的构造函数，类似于普通函数的声明，但又不同，实例对象时，如果不写new，就是一个普通函数，它返回 undefined。但是，如果写了new，它就变成了一个构造函数，它绑定的 this 指向新创建的对象，并默认返回 this，也就是说，不需要在最后写re...
1//定义一个javascript类 2function JsClass(privateParam,publicParam){//构造函数 3var priMember = privateParam; //私有变量 4this.pubMember = publicParam; //公共变量 5//定义私有方法 6function priMethod(){7return "priMethod()";8 }9//定义特权方法，特权方法可以访问所有成员10this.privilegedMethod = function(){ 11var str = "这是特权方法，我调用了\n"; 12 str += " 私有变量：" + priMember +"\n"; 1...
这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。今天要介绍的是，对象之间的"继承"的五种方法。比如，现在有一个"动物"对象的构造函数。 function Animal(){ this.species = "动物"; }还有一个"猫"对象的构造函数。 function Cat(name,color){ this.name = name; this.color = color; }怎样才能使"猫"继承"动物"呢？一、 构造函数绑定第一种方法也是最简单的...
今天要介绍的是，对象之间的"继承"的五种方法。比如，现在有一个"动物"对象的构造函数。 function Animal(){ this.species = "动物"; }还有一个"猫"对象的构造函数。 function Cat(name,color){ this.name = name; this.color = color; }怎样才能使"猫"继承"动物"呢？一、 构造函数绑定第一种方法也是最简单的方法，使用call或apply方法，将父对象的构造函数绑定在子对象上，即在子对象构造函数中...
对象其实就是一种引用类型。而对象的值就是引用类型的实例。在JavaScript 中引用类型是一种数据结构，将数据和功能组织在一起。它也常被称做为类，但JavaScript 中却没有类的概念。虽然JavaScript 是一门面向对象的语言，却不具备传统面向对象语言所支持的类和接口等基本结构。对象的创建以及常用操作使用new运算符var user = new Object(); //使用new运算符创建一个对象 user.name = ‘编程浪子‘; //给对象添加属性...
每次说到javascript到面向对象，总感觉自己心里懂，但是却不知道该怎么说，这就是似懂非懂到表现，于是乎，每次一说，就要到处去查找资料，零零碎碎到看了一些，感觉有懂了，但是过段时间，好像又不知道是怎么回事了，于是乎，又到处找资料，然道是我本来就缺对象？才不理解对象是啥，以至于现实中找找对象，javascript中也在找对象！哎，好尴尬啊！直到我看到了一个妹纸写到“不可不知的javascript面向对象”，我才明白面向对象是...
Javascript 面向对象编程（一）：封装Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应该怎么做呢？一、 生成实例对象的原始模式假定我们把猫看成一个对象，它有"名字"和"颜色"两个属性。 ...
今天是最后一个部分，介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。 var Chinese = { nation:‘中国‘ };还有一个对象，叫做"医生"。 var Doctor ={ career:‘医生‘ }请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生"的对象？这里要注意，这两个对象都是普通对象，不是构造函数，无法使用构造函数方法实现"继承"。二...
Javascript的面向对象使用方法简单介绍如下: //声明构造Person类。使用function作为构造方法。 function Person(){ } //Person类的公共属性。使用.prototype声明。 Person.prototype = {name:"张三",age:22,gender:"男",eat:function(s){alert("我吃:" + s);} }; //构造对象。 var p = new Person(); alert(p.eat("apple"))//输出："我吃:apple" functi...
一、什么是"非构造函数"的继承？//比如，现在有一个对象，叫做"中国人"。var Chinese = {nation:‘中国‘ };//还有一个对象，叫做"医生"。var Doctor ={career:‘医生‘ } 请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生"的对象？ 这里要注意，这两个对象都是普通对象，不是构造函数，无法使用构造函数方法实现"继承"。二、object()方法 json格式的发明人Douglas Crockford，提出了一个obje...