js面向对象，7种创建方式

深碍√TFBOYSˉ_ 2022-01-15 03:01 229阅读 0赞

window.onload = function(){   //字面量方式创建
    			var obj = {
    				name:'如花',
    				age:22,
    				run:function(){
    					alert(this.name);
    				}
    			}
    			console.log(obj.name,obj.age);
    			obj.run();
    		};
    		
    		//实列创建
    		var box = new Object();
    		box.name = 'ujiuye';
    		box.age = 18;
    		box.run = function(){
    			console.log(this.name);
    			return this.name  +  this.age;
    		}
    		console.log(box.run());
    		
    		//工厂模式创建对象
    		function createObject(name,age){
    			var obj = new Object();
    			obj.name = name;
    			obj.age = age;
    			obj.run = function(){
    				return this.name + this.age;
    			}
    			return obj;
    		}
    		var box1 = createObject('Lee',100);
    		var box2 = createObject('jack',200);
    		alert(box1.run());
    		alert(box2.run());
    		
    		//构造函数创建对象
    		function Ou(name){
    			this.name = name;
    			this.eat = function(){
    				console.log('吃饭了');
    			}
    		}
    		var s1 = new Ou('mm');
    		var s2 = new Ou('qiqi');
    		console.log(s1 instanceof Ou);
    		console.log(s1.eat == s2.eat);
    		
    		//原型创建对象
    			function Str(){};
    			Str.prototype.name = '小明';
    			Str.prototype.sex = 'male';
    			Str.prototype.run = function(){
    				console.log('我是一个函数');
    			}
    		var obj = new Str();
    		console.log(obj.name);	
    		var  obj1 = new Str();
    		console.log(obj.name);
    		console.log(obj.run == obj1.run);
    		混合模式创建（构造+原型）
    		window.onload = function () {
        //混合模式  构造函数+原型
        //构造函数写可变的属性和变量
        function  Student(name) {
            this.name = name;
            this.eat = 18;
        }
        //破坏了封装性
        Student.prototype.eat = function () {
            console.log("吃饭");
        };
        //实例对象
        var s1 = new Student("小明");
        var s2 = new Student("如花");
        console.log(s1.name,s2.name); //小明 如花
        console.log(s1.eat == s2.eat); //true;
    }
    
    动态混合模式
    window.onload = function () {
        //混合模式  构造函数+原型
        //构造函数写可变的属性和变量
        function Student(name) {
            this.name = name;
            this.eat = 18;
            /*Student.prototype.eat = function () {
             console.log("吃饭");
             } 调试还是每创建一个对象就会执行一次，原型是只初始化一次的*/
            //判断是否存在，不存在则添加
            if (!(typeof this.eat == "function")) {
                Student.prototype.eat = function () {
                    console.log("吃饭");
                }
            }
            //实例对象
             var s1 = new Student("小明");
            var s2 = new Student("如花");
            console.log(s1.name, s2.name); //小明 如花
            console.log(s1.eat == s2.eat); //true;
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，229人围观）

还没有评论，来说两句吧...

相关阅读

相关 js创建对象的三种方式和js工厂模式创建对象

文章地址: [https://www.cnblogs.com/sandraryan/][https_www.cnblogs.com_sandraryan] 创建对象

本是古典何须时尚/ 2023年06月05日 08:12/ 0 赞/ 114 阅读

相关 JS 创建对象的几种方式

面向对象就是把属性和操作属性的方法放在一起作为一个相互依存的整体——对象，即拥有类的概念，基于类可以创建任意多个实例对象，一般具有封装、继承、多态的特性！ ECMA-

ゝ一世哀愁。/ 2022年07月14日 12:11/ 0 赞/ 267 阅读

相关 js创建对象的三种基本方式

1.使用内置对象 JavaScript可用的内置对象可分为两种： 1，JavaScript语言原生对象（语言级对象），如String、Object、Function等；

蔚落/ 2022年07月12日 13:24/ 0 赞/ 213 阅读

相关 JS创建对象的几种方式

最近在看javascript高级程序设计，其中对对象的创建做了具体的阐述，综合起来，总结了下（je知识库javascript专栏由这方面的教程，有兴趣的可以去知识库看看）

曾经终败给现在/ 2022年06月17日 07:50/ 0 赞/ 277 阅读

相关 JS创建对象的几种方式

第一种模式：工厂方式 1. var lev=function()\{ 2. 3. return "啊打"; 4. \}; 5. func

向右看齐/ 2022年06月16日 06:22/ 0 赞/ 276 阅读

相关 js创建对象的几种方式对比

1. 通过字面量的方式创建对象 var obj{ name:"张学友", job:"歌手", sing:function(){ console.log("大家好，我

逃离我推掉我的手/ 2022年06月01日 13:43/ 0 赞/ 277 阅读

相关 JS创建对象的方式

JS创建对象的方式对象的定义:无序属性的集合，函数也是对象。 a. 工厂模式，用函数来封装以特定接口创建对象的细节。如下: function factory

Love The Way You Lie/ 2022年05月10日 17:14/ 0 赞/ 260 阅读

相关 js面向对象，7种创建方式

window.onload = function(){ //字面量方式创建 var obj = { name:'如花',

深碍√TFBOYSˉ_/ 2022年01月15日 03:01/ 0 赞/ 230 阅读

相关 js 创建对象的6种方式

1. 字面式创建对象 var person ={ name: "lisi", age: 21, family: ["li

向右看齐/ 2021年10月24日 01:24/ 0 赞/ 355 阅读

相关 js创建对象的几种方式

js创建对象的几种方式一、字面量方式问题：创建多个对象时会造成代码冗余，很占内存空间。二、工厂模式

红太狼/ 2020年06月03日 13:39/ 0 赞/ 808 阅读