JavaScript思维导图——Day 9（继承模式、圣杯模式、枚举）

客官°小女子只卖身不卖艺 2023-07-04 14:21 4阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3NDIwOA_size_16_color_FFFFFF_t_70]

<!DOCTYPE html>
    <html>
    <head>
    	<title></title>
    </head>
    <body>
    	<script type="text/javascript">
    		// Father.prototype.lastName = "deng";
    		// function Father() {
    			
    		// }
    
    		// function Son() {
    			
    		// }
    
    		// function inherit(Target, Origin) {
    		// 	Target.prototype = Origin.prototype;
    		// }
    
    
    		// inherit(Son, Father);
    
    		// Son.prototype.sex = 'male';//共享　但是同时也改了father的原型
    		// var son = new Son();
    
    		//圣杯模式
    		// function inherit(Target, Origin) {
    		// 	function F() {};
    		// 	F.prototype = Origin.prototype;
    		// 	Target.prototype = new F();
    		// 	Target.prototype.constuctor = Target;
    		// 	// son.__proto__ --> new F().__proto__ --> Father.__proto__
    		// 	Target.prototype.uber = Origin.prototype;
    		// 	//不用super 找到自己的超类	
    		// }
    
    		// var inherit = (function(){
    
    		// 	var F = function() {};//私有化变量　闭包
    		// 	return function (Target, Origin) {
    		// 	F.prototype = Origin.prototype;
    		// 	Target.prototype = new F();
    		// 	Target.prototype.constuctor = Target;
    		// 	// son.__proto__ --> new F().__proto__ --> Father.__proto__
    		// 	Target.prototype.uber = Origin.prototype;
    		// 	//不用super 找到自己的超类	
    		// 	}
    		// }());
    
    		// Father.prototype.lastName = "deng";
    		// function Father() {	
    		// }
    		// function Son() {	
    		// }
    		// inherit(Son,Father);
    		// Son.prototype.sex = 'male';
    		// var son = new Son();
    		// var father = new Father();
    
    
    		//私有化变量　闭包的功能
    		// function Deng(name, wife) {
    
    		// 	var prepareWife = 'xiaozhang';//私有化变量
    			
    		// 	this.name = name;
    		// 	this.wife = wife;
    		// 	this.divorce = function () {
    		// 		this.wife = prepareWife;
    		// 	}
    
    		// 	this.changePrepareWife = function (target) {
    		// 		prepareWife = target;
    		// 	}
    		// 	this.sayPrepareWife = function () {
    		// 		console.log(prepareWife);
    		// 	}
    		// }
    		// var deng = new Deng('deng', 'xiaoliu');
    
    		//命名空间
    		// var org = {
    		// 	department1 : {
    		// 		jicheng : {
    
    		// 		},
    		// 		wangyi  : {
    
    		// 		}
    		// 	},
    		// 	department2 : {
    		// 		gaowei  : {
    
    		// 		},
    		// 		list : {
    
    		// 		}
    		// 	}
    		// }
    		// var wangyi = org.department1.wangyi;
    		// wangyi.name;
    
    		// var init = (function () {//初始化
    		// 	var name = 'abc';//不污染全局变量，立即执行函数加上闭包直接销毁变量
    
    		// 	function callName() {
    		// 		console.log(name);
    		// 	}
    
    		// 	return function () {
    		// 		callName();
    		// 	}
    		// }());
    
    		// init();
    
    		// var initWang = (function () {
    		// 	var name = 123;
    
    		// 	function callName() {
    		// 		console.log(name);
    		// 	}
    		// 	return function () {
    		// 		callName();
    		// 	}
    		// }());
    
    		// initWang();
    
    		// var deng = {
    		// 	smoke : function () {
    		// 		console.log('smoking');
    		// 		//return undefined;
    		// 		return this;
    		// 	},
    		// 	drink : function () {
    		// 		console.log('drinking');
    		// 		return this;
    		// 	},
    		// 	perm : function () {
    		// 		console.log('preming');
    		// 		return this;
    		// 	}
    		// }
    		// deng.smoke().drink().perm().drink();
    
    		//属性的拼接
    		// var deng = {
    		// 	wife1 : {name : "xiaoliu"},
    		// 	wife2 : {name : "xiaozhang"},
    		// 	wife3 : {name : "qzq"},
    		// 	wife4 : {name : "xiaowang"},
    		// 	sayWife : function (num) {
    		// 		return this['wife'+num];
    		// 	}
    		// }
    
    		// var obj = {
    		// 	name : "abc"
    		// }
    
    		// obj.name ---> obj['name']
    
    		//对象的枚举
    
    		// var obj = {
    		// 	name : '123',
    		// 	age : 23,
    		// 	sex : 'male',
    		// 	height: 180,
    		// 	weight : 75,
    		// 	//prop : 123
    		// 	__proto__ : {
    		// 		lastName : "deng"
    		// 	}
    		// }
    
    		// function Person() {
    			
    		// }
    		// var person = new Person();
    		// //A instanceof B Ａ对象是不是Ｂ构造函数构造出来的
    		// console.log(person instanceof Person);
    		// //看A对象的原型链上有没有Ｂ的原型
    		// var qaq = {};
    		// console.log(qaq instanceof Person);
    
    		// Object.prototype.abc = 123;
    		// for(var prop in obj){
    
    		// 	if(!obj.hasOwnProperty(prop)){ //判断属性是否是自己的
    		// 	// console.log(prop + " " + typeof(prop));
    		// 	console.log(obj[prop]);
    		// 	//obj.prop ---> obj['prop']
    		// }
    		// }
    
    		// １．constuctor 判断数组还是对象
    
    		// var arr = [] || {}; 
    		//２．判断一个元素是数组还是对象使用instanceof方法判断
    
    		// var obj = {};
    		// var arrry = [];
    		// console.log(typeof(obj));
    		// console.log(typeof(arrry));
    		// console.log(arrry instanceof Array);
    		// console.log(obj instanceof Array);
    		// console.log(arrry instanceof Object);
    		// console.log(obj instanceof Object);
    
    		// 3.
    
    		// Object.prototype.toString.call([]);//改变this的指向为数组
    		// Object.prototype.toString = function () {
    		// 	//识别this
    		// 	//返回相应的数组
    		// }
    
    		var a = [];
    
    
    
    
    
    
    
    
    
    
    
    
    		
    	</script>
    
    </body>
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3NDIwOA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200211235141178.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE3NDIwOA==,size_16,color_FFFFFF,t_70