JS——call(简单继承)

最新推荐文章于 2024-10-12 16:12:29 发布

转载最新推荐文章于 2024-10-12 16:12:29 发布 · 1.1k 阅读

文章标签：

#JS call 简单继承

js 专栏收录该内容

137 篇文章

订阅专栏

本文通过具体的JavaScript代码示例，展示了如何实现简单的继承模式，包括父类和子类的定义及属性方法的继承，并演示了如何调用基类构造函数来初始化子类实例。

function Parent(name,money){
			this.name = name;
			this.money = money;
			this.info = function(){
				console.log("姓名："+this.name+"钱："+this.money);
			}
		}

		function Children(name){
			Parent.call(this,name); //简单继承
			this.info = function(){
				console.log("姓名："+this.name);
			}
		}

		var per = new Parent("parent",10000); 
		var chi = new Children("child");
		per.info(); //姓名：parent钱：10000
		chi.info(); //姓名：child

function Parent(name,money){
			this.name = name;
			this.money = money;
			this.info = function(){
				console.log("姓名："+this.name+"钱："+this.money);
			}
		}

		function Children(name,money){
			Parent.call(this,name,money); //简单继承
			/*this.info = function(){
				console.log("姓名："+this.name);
			}*/
		}

		var per = new Parent("parent",10000); 
		var chi = new Children("child",20000);
		per.info(); //姓名：parent钱：10000
		chi.info(); //姓名：child钱：20000

	function Parent(name,money){
			this.name = name;
			this.money = money;
			this.info = function(){
				console.log("姓名："+this.name+"钱："+this.money);
			}
		}

		function Children(name,money){
			Parent.call(this,name,money); //简单继承
			/*this.info = function(){
				console.log("姓名："+this.name);
			}*/
			this.info1 = function(){
				console.log("info1");
			}
		}

		var per = new Parent("parent",10000); 
		var chi = new Children("child",20000);
		per.info(); //姓名：parent钱：10000
		chi.info(); //姓名：child钱：20000
		chi.info1(); //info1

-------------------------------------------------------------------------------------

window.color = "red";
		var o = {color:"blue"};
		function sayColor(){
			console.log(this.color);
		}

		sayColor();  //red
		sayColor.call(this);//red
		sayColor.call(window); //red
		sayColor.call(o); //blue