js静态添加方法与构造原型添加方法

• 在编写JavaScript中,我们常常需要封装方法,用的对多就是利用函数去进行代码的封装

function Person(){
	// 写代码块
}

• 在这,写个构造函数,去添加方法,利用到原型****prototype

function Person(){
	
}
Person.prototype = {
	say:function(){
		console.log("hello")
	}
}

// 实例对象
let xiaohong = new Pserson();
xiaohong.say() // hello

• 在这基础上,为Person去添加方法,因为Person也是对象

Person.race = function(){
	console.log("黄种人")
}
Person.race() // 黄种人

• 那么,实例对象能够调用这个静态添加的方法吗?答案是不能.

function Person(){
   
}
Person.prototype = {
   say:function(){
   	console.log("hello")
   }
}
Person.race = function(){
   console.log("黄种人")
}
Person.race() // 黄种人
// 实例对象
let xiaohong = new Pserson();
xiaohong.rece() // 报错

同理,Person也无法调用在原型上的方法

Person.say() // 报错

这样说说Promise方法,可以通过new Promise实例一个对象,可以调用then,catch等方法

let p = new Promise(function (resolve, reject) {
    let num = Math.random()

    if (num > 0.5) {
        resolve(num) // 成功调用resolve方法,将num传递出去
    } else {
        reject('失败了!') // 失败调用reject方法,将'失败了!'传递出去
    }
})

p.then(res => console.log(res))
p.catch(err => console.log(err))

• Promise自身也有方法调用,例如all

Promise.all([p1,p2,p3]).then(res => console.log(res))

总结,原型上添加对的方法只有通过实例之后才能调用,静态添加的方法可直接调用.