0
点赞
收藏
分享

微信扫一扫

学习ES6的第一天

程序员阿狸 2022-04-05 阅读 60
es6

1.创建类和对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	</body>
</html>

<script>
//先把猴王传递给uname ,uname又传给this.uname  this指向创建的实例
//创建类     //constructor构造函数
class Star{
	constructor(uname,age){
		this.uname=uname;    //指向创建的实例
		this.age=age;
	}
}
//利用类生成对象 new
var houwang = new Star('猴王',18);
var houzi = new Star('猴子',17);
console.log(houwang)
console.log(houzi.uname+':'+houzi.age);
</script>

2.类中共有方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	</body>
</html>

<script>
//先把猴王传递给uname ,uname又传给this.uname  this指向创建的实例
//创建类     //constructor构造函数
class Star{
	constructor(uname,age){
		this.uname=uname;    //指向创建的实例
		this.age=age;
	}
	chi(xiangjiao){
		console.log(this.uname+'吃'+xiangjiao);
	}
}
//利用类生成对象 new
var houwang = new Star('猴王',18);
var houzi = new Star('猴子',17);
console.log(houwang)
console.log(houzi.uname+':'+houzi.age);
houwang.chi('大香蕉'); //调用chi这个方法
houzi.chi('小香蕉');
</script>

举报

相关推荐

0 条评论