而如果用JS中的对象来表达，结构会更清晰。...引用数据类型（引用类型）：Object 对象。 基本数据类型： 基本数据类型的值直接保存在栈内存中，值与值之间是独立存在，修改一个变量不会影响其他的变量。...对象： 只要不是那五种基本数据类型，就全都是对象。 如果使用基本数据类型的数据，我们所创建的变量都是独立，不能成为一个整体。 对象属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性。...由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象。...3.自定义对象： 由开发人员自己创建的对象 对象的基本操作 创建对象 使用new关键字调用的函数，是构造函数constructor。构造函数是专门用来创建对象的函数。
面向对象编程有自己的特性与原则，如果对于面向对象有一些了解的话，面向对象三大特征，封装、继承、多态，如果对面向对这三个概念不太了解，请参考面向对象之三个基本特征（javaScript）。...什么是单一职责 单一职责：又称单一功能原则，面向对象五个基本原则（SOLID）之一。它规定一个类应该只有一个发生变化的原因。...开闭原则是一个最基本的原则，另外六个原则都是开闭原则的具体形态，是指导设计的工具和方法，而开闭原则才是精神领袖。...01组合/聚合复用原则 聚合（Aggregation）表示一种弱的‘拥有’关系，体现的是A对象可以包含B对象但B对象不是A对象的一部分。...组合/聚合：是通过获得其他对象的引用，在运行时刻动态定义的，也就是在一个对象中保存其他对象的属性，这种方式要求对象有良好定义的接口，并且这个接口也不经常发生改变，而且对象只能通过接口来访问，这样我们并不破坏封装性
1.对象转数组 var obj = {name:”张三”,name:”李四”,name:”王五”}; var arr = []; arr = Object.values(obj) //obj就被转换成数组了...2.数组转对象 var obj={}; var arr = []; for(key in arr) { obj[key] = arr[key] //上面的对象obj会被这里新转换的替换 } 3.获取对象长度...对象的长度不能用.length获取，用js原生的Object.keys可以获取到 var obj = {‘ww’:’11’,’ee’:’22}; var arr = Object.keys
概述 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.简单基本类型
js操作页面三步骤 <!...style.color = 'black'; box_h1.style.backgroundColor = 'white'; } } js...// 失去焦点 usr.onblur = function () { console.log('失去焦点') }; 事件对象...DOCTYPE html> 事件对象 <input...; // 文本中的标签会被解析 h1.innerHTML = inp_value; } } 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
JS面向对象 理解对象 数据(数据描述符)属性 数据属性有4个描述内部属性的特性 [[Configurable]] 表示能否通过delete删除此属性，能否修改属性的特性，或能否修改把属性修改为访问器属性...默认为 undefined 创建/修改/获取属性的方法 Object.defineProperty() 功能:方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。...，并返回该对象。...语法: Object.defineProperties(obj, props) obj: 将要被添加属性或修改属性的对象 props: 该对象的一个或多个键值对定义了将要为对象添加或修改的属性的具体配置...input2"> 我每次比input1的值加1=> js
//第1种写法 function Circle(r) { this.r = r; } Circle....
课程目标: 1.掌握面向对象的基本操作. 2.掌握构造函数的优化策略. 3.创建对象的方式. 1.创建对象的三种方式: <!....方法名=function() { //输出内容 } let 对象名=new Object(); 对象名.属性; 对象名.方法名(); //第二种方式： let 对象名={}; 对象名.属性名=属性;...对象名.方法名=function() { 输出内容 } //第三种方式: let 对象名={ 属性名:属性值, 方法名:function() { 输出内容 } }; 总结： 记住,对象有属性&&方法才能叫做对象...方法是对象调用的 效果： ? 工厂函数 <!...1.调用对象是一样的，比如我爱你。他也爱你.是不是爱的是一个人啊。 2.调用构造函数是不一样的,为什么,因为他是类中的。类是一个整体不是个体啊. 效果： ? <!
Date对象 基本方法 创建Date对象：new Date() 返回年份：getFullYear() 返回月份 (0 ~ 11)：getMonth() 返回一个月中的某一天 (1 ~ 31)：getDate...() 返回 Date 对象的小时 (0 ~ 23)：getHours() 返回 Date 对象的分钟 (0 ~ 59 )：getMinutes() 返回 Date 对象的秒钟 (0 ~ 59)：getSeconds...() 返回 Date 对象的毫秒 (0 ~ 999)：getMilliseconds() var date1 = new Date(); var date2 = new...Date() var date2 = date1.getTime() console.log(date2); //1590751359793 以毫秒设置 Date 对象...中国标准时间) console.log(date1.toUTCString()); //Sat, 30 May 2020 06:35:10 GMT 根据世界时，把 Date 对象转换为字符串
对象:方法(函数)和属性(变量)的集合体 原生创建对象方法使用{},也叫json格式创建 对象内的属性,方法用逗号隔开,属性和属性值,方法名和方法用冒号分开....下面是json创建对象的一个实例 // 用原生形式创建对象(也叫用json格式创建对象)就是花括号新建 var mix2={color:'骚粉色', size...可以打电话') }, surf:function(){ alert('mix当然可以上网') } } //调用对象属性...(变量):===>对象名.属性 alert(mix2.size);//6.44寸 //调用对象方法(函数)====>对象名.函数名() mix2.surf();
DOCTYPE html> 03_对象 // 创建对象 var p = { name:
//创建对象 var chenhao = Object.create(null); //设置一个属性 Object.defineProperty( chenhao,
var time=new Date();//获取本地计算机时间 //getMonth() 获得日期对象中的月份 (0 ~ 11) // getDay() 获得日期是周几 (0代表周天，1-6...分别代表周1-6) // getTime() 获得日期对象中的日期与 1970 年 1 月 1 日相差的毫秒数 var year=time.getFullYear();//对象.日期对象函数 var
Math对象 Math.random() 得到一个大于等于0，小于1之间的随机数 // 随机获取0-1之间的随机数 console.log(Math.random()); // 随机获取0-10之间的随机数
我们首先定义一个对象 class Person { constructor(name,age) { this.name = name; this.age = age; } toString...Person("ruben",21); console.log(ruben.toString()) 打印结果为： (ruben,21) 我们可以使用Person.prototype去获取Person的原型对象...this.age + '}'; } console.log(ruben.toString()) 修改后结果为： Person{name='ruben', age=21} 打印一下原型对象呢
//向下取整 Math.floor 取离他最近的一个数 5返回5 5.1返回5 5.9也返回5
String对象 返回某个指定的字符串值在字符串中首次出现的位置 - indexOf() indexOf() 来定位字符串中某一个指定的字符首次出现的位置（从0开始），如果没找到对应的字符函数返回-1
面向对象和面向过程区别面向对象是把构成问题的事物拆解为各个对象，来描述这个事物在当前问题中的行为，而不是为了实现某个步骤 面向过程，是分析出实现问题的每个步骤，然后编写函数，并依次调用。...面向对象特点封装 让使用的人不考虑内部实现，只考虑功能使用，把内部代码保护起来，提供api接口让用户调用继承 从父类继承出一些方法和属性，利于代码复用多态 不同对象作用于同一操作产生不能效果JS三大对象宿主对象所有非本地对象都属于宿主对象所有...DOM和BOM对象都属于宿主对象嵌入到网页的JS来说，宿主对象就是浏览器提供的，比如：Window和Documnet等本地对象包括：Object、Array、Date、RegExp、Boolean、Number...、String这些引用类型在运行过程中需要通过new来创建所需的实例对象内置对象是本地对象的子集在ECMAScript程序开始执行前就存在，本身就是实例化内置对象，开发者无需再实例化内置独享有Global...构造函数/创建实例 通过this添加的对象和属性都指向当前对象，所以在实例化的时候，通过this添加的方法和属性都会在内存中复制一份。
构造函数得到的属性以及基本属性赋值 //正常的构造函数以及对象属性赋值，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使用 一般我们也用不到这个
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
