分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

js中创建对象的5种方法

发布时间:2023-09-06 02:27责任编辑:郭大石关键词:js

1、原始模式

var ?dog ?= ???{ ???name: jack, ???length: 70, ???wang:function(){ ???????console.log(this.name); ???}

2、工厂模式(批量)

function ?creatdog ?(name,length) { ???var ?moudle ?= ??new ?object (); ???dog.name=name; ???dog.length=length; ???dog.wang=function(){ ???????console.log(this.name); ???}; ???return moudle;}

3、构造函数

function ?Dog (name,length) { ???this.name=name; ???this.length=length; ???this.wang=function() { ???????console.log(this.name); ???};}var dog1 = new Dog( ‘wangcai‘ , 80) //创建一个dog1对象Dog(‘wangcai‘, 80); ???//属性方法都给window对象,window.name=‘wangcai‘,window.wang()会输出wangcai

4、原型模式

function ?Dog () {}Dog.prototype.name = ‘wangcai‘;Dog.prototype.length=80;Dog.prototype.wang= function () { ???console.log(this.name);};var ?dog1 = new Dog();
// dog1:name:‘wangcai‘;length:80;f:wang()

5、混合模式

function Dog (name, length) { ????this.name = name; ????this.length = length; } Dog.prototype = { ????hobby: [‘running‘,‘eat‘]; ????wang: function () { 
    console.log(this.name);
   }}; var dog1 = new Dog(‘wangcai‘, 80); //dog1:‘wangcai‘,80; __proto__: [‘running‘,‘eat‘],wang var dog2 = new Dog(‘defu‘, );70 //dog2:‘defu‘,70;__proto__: [‘running‘,‘eat‘],wang

js中创建对象的5种方法

原文地址:https://www.cnblogs.com/jswzy/p/10165842.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved