105-(面向对象)继承-之call.apply.bind

最新推荐文章于 2024-07-28 20:27:10 发布

七色的天空

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量28

点赞数

分类专栏： 04_JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/q506174602/article/details/133343419

版权

04_JavaScript 专栏收录该内容

121 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>继承</title>
</head>
<body>
	
	<script>
		/**
		 * 继承: 是面向对象的核心概念, es只支持继承, 可以依靠原型链完成继承
		 * 被继承的可以叫做 父类, 继承下来的称为子类(es5里面没有类的概念)
		 *
		 * call()掌握 apply()了解 bind()了解
		 * 都是用来重新定义 this 这个对象的, 也就是去改变函数的作用域
		 * 1.call apply bind 三个方法都有两个参数,第一个参数都是 this 对象
		 * 2.call和apply都是立即执行的函数, 不需要调用. call的第二个参数不需要使用数组接收, 而apply需要用数组接收
		 * 3.bind返回值是一个函数, 不会立即执行,需要再次调用; 参数和call方法是一样的
		 */
		var heroKing = {
			name: "达摩",
			age: 88,
			kills: function(color, money) {
				return color + '光头强' + this.name + '已经' + this.age + '岁了, 金币:' + money;
			}
		}
		var heroLOL = {
			name: "盲僧",
			age: 99
		}
		console.log(heroKing.kills()); // 光头强达摩已经88岁了
		console.log(heroKing.kills.call(heroLOL)); // 光头强盲僧已经99岁了
		console.log(heroKing.kills.apply(heroLOL)); // 光头强盲僧已经99岁了
		console.log(heroKing.kills.bind(heroLOL)()); // 光头强盲僧已经99岁了
 
		console.log(heroKing.kills.call(heroLOL, '绿色', 2000)); // 绿色光头强盲僧已经99岁了, 金币:2000
		console.log(heroKing.kills.apply(heroLOL, ['绿色', 2000])); // 绿色光头强盲僧已经99岁了, 金币:2000
		console.log(heroKing.kills.bind(heroLOL, ['绿色', 2000])()); // 绿色,2000光头强盲僧已经99岁了, 金币:undefined
		console.log(heroKing.kills.bind(heroLOL, '绿色', 2000)()); // 绿色,2000光头强盲僧已经99岁了, 金币:2000
	</script>
</body>
</html>

上述运行结果：