js 高级 prototype

 function Person(uname, age) {this.uname = uname;this.sing = function() {console.log('我会唱歌');}
}
var person1 = new Person('wang', 18);
var person2 = new Person('wei', 18);
person1.sing();//我会唱歌
person2.sing();//我会唱歌

这里person1和person2分别复制了方法类的sing方法,造成了浪费.(不同于其他语言),javascript通过prototype来实现其他语言的面想对象,多个实例共享一个方法.

 function Person(uname, age) {this.uname = uname;
}
Person.prototype.sing = function() {console.log('我会唱歌');
}
var person1 = new Person('wang', 18);
var person2 = new Person('wei', 18);
//两个方法的sing都是调用prototype.sing
person1.sing();//我会唱歌
person2.sing();//我会唱歌

类方法有prototype,而对象方法中有__proto__,二者是等价的

person1.__proto__ === Persion.prototype;

对象都会有一个属性 __proto__ 指向构造函数的 prototype 原型对象，之所以我们对象可以使用构造函数 prototype 原型对象的属性和方法，就是因为对象有 __proto__ 原型的存在。

注意:直接用类函数增加的属性,只能通过类函数来访问

Star.sex = '男';

js 高级 prototype相关推荐

前端知识点总结——JS高级（持续更新中）
前端知识点总结--JS高级(持续更新中) 1.字符串什么是: 连续存储多个字符的字符数组相同: 1. 下标 2. .length 3. 遍历 4. 选取: slice(starti[, endi] ...
JS高级的学习(二)
JS高级的学习(二) set对象 Set 是一个对象存放数据数据永远不会重复 Set 当成是一个数组遍历使用数组方法 find findIndex Map 数组转成 Set对象 const ...
js高级：面向对象+ES6
js高级:面向对象+ES6 文章目录 js高级:面向对象+ES6 day01 一.ES6中的类和对象 1.1对象 1.2类 1.3创建类 1.4类constructor构造函数 1.5类中添加方法 1 ...
前端复习8：JS高级
前端复习8:JS高级 1.对象 1.1 面向过程与面向对象 1.2 对象与类 2 构造函数和原型 2.1 构造函数 2.2 构造原型prototype 2.2 对象原型 2.3 constructor ...
JS高级+ES678
js高级数据类型基本(值)类型 Number: 任意数值 String: 任意文本 Boolean: true/false undefined: undefined null: null 对象(引 ...
Node.js高级编程【一】node 基础
目录一.Node 基础 1.课程概述 2.Node.js 架构 3.为什么是Node.js ? 4.Node.js 的异步IO 5.Node.js 主线程是单线程 6.Node.js 应用场景 7 ...
前端与移动开发----JS高级----面向对象编程，类与实例对象，继承，严格模式，模板字符串，class封装tab栏
JS高级01 回顾上阶段 Javascript组成 ECMAScript: 基础语法 (变量, 表达式, 循环, 判断, 函数, 对象等) DOM: document 操作标签(获取, 增加, 插入, ...
~【笔记】黑马js高级和尚硅谷ES6笔记（部分）~
点击通往->黑马pink讲js高级. 点击通往->尚硅谷ES6视频. 目录: js高级: 第一部分.构造函数.原型和继承第二部分.函数进阶一.函数的定义和调用二.this 三.严格模 ...
JS 高级（继承、函数）
JS 高级继承构造函数继承 <script>// 构造函数继承// 定义的Person类function Person(name, age) {this.name = name;thi ...

js 高级 prototype

js 高级 prototype相关推荐

最新文章

热门文章