首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端学习(32)~js学习(九):对象简介和对象基本操作

而如果用JS中的对象来表达,结构会更清晰。...引用数据类型(引用类型):Object 对象基本数据类型: 基本数据类型的值直接保存在栈内存中,值与值之间是独立存在,修改一个变量不会影响其他的变量。...对象: 只要不是那五种基本数据类型,就全都是对象。 如果使用基本数据类型的数据,我们所创建的变量都是独立,不能成为一个整体。 对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性。...由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象。...3.自定义对象: 由开发人员自己创建的对象 对象基本操作 创建对象 使用new关键字调用的函数,是构造函数constructor。构造函数是专门用来创建对象的函数。

63910

JS】415- JS面向对象之 7 大基本原则

面向对象编程有自己的特性与原则,如果对于面向对象有一些了解的话,面向对象三大特征,封装、继承、多态,如果对面向对这三个概念不太了解,请参考面向对象之三个基本特征(javaScript)。...什么是单一职责 单一职责:又称单一功能原则,面向对象五个基本原则(SOLID)之一。它规定一个类应该只有一个发生变化的原因。...开闭原则是一个最基本的原则,另外六个原则都是开闭原则的具体形态,是指导设计的工具和方法,而开闭原则才是精神领袖。...01组合/聚合复用原则 聚合(Aggregation)表示一种弱的‘拥有’关系,体现的是A对象可以包含B对象但B对象不是A对象的一部分。...组合/聚合:是通过获得其他对象的引用,在运行时刻动态定义的,也就是在一个对象中保存其他对象的属性,这种方式要求对象有良好定义的接口,并且这个接口也不经常发生改变,而且对象只能通过接口来访问,这样我们并不破坏封装性

53220
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS对象

    概述 JavaScript中: js中的对象就是生活中对象的一个抽象, 没有特征和行为,取而代之的是有对应的属性和方法; var stu = { name : '张三',...// 结构 : Object.keys(对象) Object.keys(obj) 值类型与引用类型 JS数据类型 简单数据类型:number、string、boolean、undefined...基本数据类型存放在栈内存中。存放在栈内存中的变量大小是固定的,基本数据类型是定长的,分配的内存也是一定的。...typeof typeof 只能判断基本数据类型的类型 instanceof 判断对象的具体类型 constructor.name 也可以获取到对象的具体类型 typeof用于查看基本的数据类型,...console.log(typeof num6); console.log(typeof num7); console.log(typeof num8); typeof 总结 : 1.简单基本类型

    11.5K72

    js基本语法

    在学习js基本语法的过程中,把遇见的知识点和问题记录喜下来,以便未来复习和参考。 数据类型有:数据,字符串,数组,数字,布尔值等。...var person = { name: 'jack', age: 20, city: 'hangzhou' } person是对象变量,name: 'jack'这就是一个键值对...,name是属性名,'jack'是属性 要获取一个对象的属性,用对象变量.属性,也就是person.name,结果是jack person.name //jack person.age //...通过索引改变数组 Array可以直接通过索引修改对应的元素 var arr = [1,2,3] arr[1] = 'hello' console.log(arr); //[1,'hello',3] js...2,1,3] arr.reverse(); arr; //[3,1,2] 9.splice 这个属性是万能的方法,通过调用splice(),可以从指定的索引删除元素或者添加元素 五、条件判断 在js

    2K20

    js对象

    课程目标: 1.掌握面向对象基本操作. 2.掌握构造函数的优化策略. 3.创建对象的方式. 1.创建对象的三种方式: <!....方法名=function() { //输出内容 } let 对象名=new Object(); 对象名.属性; 对象名.方法名(); //第二种方式: let 对象名={}; 对象名.属性名=属性;...对象名.方法名=function() { 输出内容 } //第三种方式: let 对象名={ 属性名:属性值, 方法名:function() { 输出内容 } }; 总结: 记住,对象有属性&&方法才能叫做对象...方法是对象调用的 效果: ? 工厂函数 <!...1.调用对象是一样的,比如我爱你。他也爱你.是不是爱的是一个人啊。 2.调用构造函数是不一样的,为什么,因为他是类中的。类是一个整体不是个体啊. 效果: ? <!

    6.8K10

    js对象属性

    构造函数得到的属性以及基本属性赋值 //正常的构造函数以及对象属性赋值,call .apply构造函数继承方式的属性都可以正常获取,并且属于对象自有属性 let Animal = function ()...这个要和new关键字有关了,其关键的四个步骤是创建新的对象,然后构造函数的作用域指向新对象(this指向新对象),执行构造函数中的代码,返回新对象。所以自然通过this赋值的都是新对象的属性了。...(let p in zhangsan){ console.log(zhangsan.hasOwnProperty(p),`${p}:${zhangsan[p]}`) } 参考代码 codepen关于js...对象自身可枚举,不含 Symbol 属性 Object.getOwnPropertyNames(obj) 返回一个数组,包含对象自身的所有属性(不含 Symbol 属性,但是包括不可枚举属性)的键名 对象自身...对象自身,全部属性 属性中的this是什么 来源 指向 对象 对象自身 构造函数 返回新对象 原型 原型 纯函数调用 外部环境全局,浏览器或者node 访问器get,set使用 一般我们也用不到这个

    15.6K10

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券