Skip to content

new.md

Latest commit

 

History

History
142 lines (115 loc) · 3.42 KB

new.md

File metadata and controls

142 lines (115 loc) · 3.42 KB

对象和new

new是干什么的

function Human({
  name,
  city
}) {
  this.name = name;
  this.city = city;
}
Human.prototype.constructor = Human
Human.prototype.species = '人类'
Human.prototype.walk = function () {
  console.log(this.name + 'walk')
}
Human.prototype.useTools = function () {
  console.log(this.name + 'useTools')
}

export default Human;
import Human from './Human';


var human = new Human({
  name: 'Frank',
  city: 'Hangzhou'
})
console.log(human.walk())
console.log(human.__proto__.constructor === Human)

构造函数

构造函数就差不多是自定义的包装类

JavaScript 语言使用构造函数（constructor）作为对象的模板。所谓”构造函数”，就是专门用来生成实例对象的函数。它就是对象的模板，描述实例对象的基本结构。一个构造函数，可以生成多个实例对象，这些实例对象都有相同的结构

var Vehicle = function () {
  this.price = 1000;
};

var v = new Vehicle();
v.price // 1000

原型链

var Vehicle = function () {
  this.price = 1000;
};
var v = new Vehicle();
v
Vehicle {price: 1000}price: 1000__proto__: Object
v.__proto__ === Vehicle.prototype
true
Vehicle.prototype.__proto__ === Object.prototype
true

使用new命令时，它后面的函数依次执行下面的步骤。

  • 创建一个空对象，作为将要返回的对象实例。
  • 将这个空对象的原型，指向构造函数的prototype属性。
  • 将这个空对象赋值给函数内部的this关键字。
  • 开始执行构造函数内部的代码。
function _new(/* 构造函数 */ constructor, /* 构造函数参数 */ params) {
  // 将 arguments 对象转为数组
  var args = [].slice.call(arguments);
  // 取出构造函数
  var constructor = args.shift();
  // 创建一个空对象，继承构造函数的 prototype 属性
  var context = Object.create(constructor.prototype);
  // 执行构造函数
  var result = constructor.apply(context, args);
  // 如果返回结果是对象，就直接返回，否则返回 context 对象
  return (typeof result === 'object' && result != null) ? result : context;
}

// 实例
var actor = _new(Person, '张三', 28);

如果构造函数内部有return语句，而且return后面跟着一个对象，new命令会返回return语句指定的对象；否则，就会不管return语句，返回this对象

var Vehicle = function (){
  this.price = 1000;
  return { price: 2000 };
};

(new Vehicle()).price
// 2000

Object.create() 创建实例对象

构造函数作为模板，可以生成实例对象。但是，有时拿不到构造函数，只能拿到一个现有的对象。我们希望以这个现有的对象作为模板，生成新的实例对象，这时就可以使用Object.create()方法

var person1 = {
  name: '张三',
  age: 38,
  greeting: function() {
    console.log('Hi! I\'m ' + this.name + '.');
  }
};

var person2 = Object.create(person1);

person2.name // 张三
person2.greeting() // Hi! I'm 张三.

原型链

var person1 = {
  name: '张三',
  age: 38,
  greeting: function() {
    console.log('Hi! I\'m ' + this.name + '.');
  }
};
var person2 = Object.create(person1);
person2.name
"张三"
person2.__proto__ === person1.prototype
false
person2.__proto__ === person1
true
person1.__proto__ === Object.prototype
true