分享web开发知识

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

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

JS 对象的三种创建方式

发布时间:2023-09-06 02:34责任编辑:白小东关键词:暂无标签
变量 instanceof 类型的名字----->布尔类型,true就是这种类型,false不是这种类型
在当前的对象的方法中,可以使用this关键字代表当前的对象
 
1.调用系统的构造函数创建对象
  var 变量名= new Object(); Object 是系统的构造函数 Array
    添加属性-----如何添加属性? 对象.名字=值;   
    修改属性-----如何修改属性? 对象.名字=值;
    添加方法-----如何添加方法? 对象.名字=函数;
    属性调用-----对象名.属性 或者 对象名[“属性名”];
    方法调用-----对象名.方法名
//有一个黄色的小狗,叫大黄,今年已经三岁了,250斤的重量每次走路都很慢,喜欢吃大骨头 ???var dog = new Object(); ???dog.name = "大黄"; ???dog.age = 3; ???dog.weight = 250; ???dog.walk = function () { ?????console.log(this.name + "它" + this.weight + ‘斤‘ + ‘走路很慢‘); ?????console.log(this.name + ‘喜欢吃大骨头‘); ???}//this 目前是指 谁调用这个函数就指向谁 更加深层的还不知道 ????console.log(dog.name); ???console.log(dog.age); ???console.log(dog.weight); ???dog.walk();
2.自定义构造函数创建对象(结合第一种和需求通过工厂模式创建对象)
//如何一次性创建多个对象?把创建对象的代码封装在一个函数中
//工厂模式创建对象
function createObject(name, age, sex) {
  //创建对象
  var obj = new Object();
  //添加属性
  obj.name = name;
  obj.age = age;
  obj.sex = sex;
  //添加方法
  obj.walk = function () {
    console.log(this.name + " " + ‘性别:‘ + this.sex + " " + "今年:" + this.age + " " + "爱走路");
  };//在当前的对象的方法中,可以使用this关键字代表当前的对象
  return obj;//注意 注意 一定记得把obj返回
  }
//创建第一个对象
var xiaohong = createObject("小红", 18, "女");
xiaohong.walk()
//创建第二个对象
var xiaoming = createObject("小明", 28, "男");
xiaoming.walk()
 
//自定义构造函数创建对象,我要自己定义一个构造函数,自定义构造函数,创建对象 ???//函数和构造函数的区别;名字是不是大写(首字母是大写) ???//自定义狗的构造函数,创建对象 ???function Dog(name, age, sex) { ?????this.name = name; ?????this.age = age; ?????this.sex = sex; ?????this.chi= function() { ???????console.log("它叫"+this.name+" " + ‘今年:‘ + this.age +"岁"+ ‘ ‘ + this.sex); ?????} ???} ???//自定义构造函数创建对象:先自定义一个构造函数,创建对象 ???var dabai = new Dog("大白","3","公");//记得这里得用 new 创建对象 ???dabai.chi();

JS 对象的三种创建方式

原文地址:https://www.cnblogs.com/wanguofeng/p/10502164.html

知识推荐

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