JS 原型对象和类

1.创建对象方式

​ 简单方式new Object

简单方式-创建对象
let personobj = new Object();//对象属性
personObj.name = '小明';
personobj.age = 3;
//对象方法
personObj.playGame = function () {
console.log('玩游戏');
}
person0bj.playGame();

字面量方式

//字面量方式
let person1 = {
name:‘小明’,
age: 18,
playGame: function (){
console.log('玩游戏>>>');
	}
}
person1.playGame();

工厂函数

//简单方式的改进:工厂函数
//我们可以写一个函数,解决代码重复问题:
function createPerson(name,age) {
return {
name: name,
age: age,
sayName: function (){
console.log(this.name)
		}
	}
}
//然后生成实例对象:
var p1 = createPerson( " Jack",18)
var p2 = createPerson( " Mike",18)
2.检查对象类型
let arr = []
arr instanceof Array =>true 
3.原型prototype

Javascript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象(原型对象prototype)。

这个原型对象的所有属性和方法,都会被构造函数的实例访问(继承)。

这也就意味着,我们可以把所有对象实例需要共享的属性和方法直接定义prototype 对象上。

4.原型链
prototype是构造函数都有的属性,称为显示原型。___proto__是每个对象都有的属性,又称为隐式原型。
但是,___proto__不是一个规范属性,只是部分浏览器实现了此属性,对应的标准属性是[[Prototype]]。
简单理解:原型链        =>多个原型通过隐藏__proto__连接起来,形成的一种链式结构,称为原型链.
原型链作用: =>访问对象属性或方法时,会沿着原型链上的所有原型进行查找,至到根null为止
5.类
//定义名为Person的类
class Person{
//构造器
	constructor(name,age){
    //定义属性
this.name = name
this.age = age
 }
//定义方法
say(){
//方法体
}
}
//创建对象
let p1 = new Person('jack',20)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值