js 高级 constructor构造函数

对象原型（__proto__）和构造函数（prototype）原型对象里面都有一个属性 constructor 属性,它指回构造l类本身.

 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();//我会唱歌

当我们直接给prototype直接赋值时,要手动添加constructor

 function Person(uname, age) {this.uname = uname;this.sing = function() {console.log('我会唱歌');}
}
// Person.prototype.sing = function() {//向prototype中追加一个变量,不需要考虑`constructor`,因为本身带有
//    console.log('我会唱歌');
//}Person.prototype = {// 如果我们修改了原来的原型对象,给原型对象赋值的是一个对象,则必须手动的利用constructor指回原来的构造函数constructor: Star, // 手动设置指回原来的构造函数sing: function() {console.log('我会唱歌');}
}var person1 = new Person('wang', 18);//两个方法的sing都是调用prototype.sing
person1.sing();//我会唱歌
person2.sing();//我会唱歌

js 高级 constructor构造函数相关推荐

JS 高级（继承、函数）
JS 高级继承构造函数继承 <script>// 构造函数继承// 定义的Person类function Person(name, age) {this.name = name;thi ...
前端知识点总结——JS高级（持续更新中）
前端知识点总结--JS高级(持续更新中) 1.字符串什么是: 连续存储多个字符的字符数组相同: 1. 下标 2. .length 3. 遍历 4. 选取: slice(starti[, endi] ...
JS 高级（七）ES6解构、class、promise
目录 ES6: (ECMAScript第六个版本) 1. 解构(destruct) 2. class 3. Promise ES6: (ECMAScript第六个版本) 1. 解构(destruct) ...
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 对象(引 ...
JS高级+ES6常见语法
面向过程编程面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了. 面向过程,就是按照我们分析好了的步骤,按照步骤解决问题. 面向对象编程 ...
前端与移动开发----JS高级----面向对象编程，类与实例对象，继承，严格模式，模板字符串，class封装tab栏
JS高级01 回顾上阶段 Javascript组成 ECMAScript: 基础语法 (变量, 表达式, 循环, 判断, 函数, 对象等) DOM: document 操作标签(获取, 增加, 插入, ...

js 高级 constructor构造函数

js 高级 constructor构造函数相关推荐

最新文章

热门文章