javascript中对象、JSON格式数据、创建对象的方式、数据类型分类及特点

对象

对象指:具体的一个实物,javascript中对象是指一组没有顺序的属性和方法的集合,所有的事物都是对象,例如:函数,数组,字符串等。属性指事物的特征,一般为名词表示;方法指对象的行为,一般用动词表示。对象使用来存储一组没有规律的信息的数据类型。

JSON格式的数据:

一般都是成对的,是键值对。JSON也是一个对象,数据都是成对的,一般JSON格式的数据无论是键还是值,都是用双引号引起来的,JSON对象在IE8以下是不兼容的,如果需要兼容IE8以下,那么可以使用插件:json3.js:

        //编程思想:把生活中的事融入到程序中//面向过程:凡是亲力亲为,每件事的过程都要知道,注重的是过程。//面向对象:根据要求找对象,所有的事都要对象来做,注重结果。//面向对象的特征:封装,继承,多态(抽象性)//JavaScript不是面向对象语言,但是可以模拟面向对象思想。//JavaScript是基于对象的语言。//对象:看得见,摸得着,具体特质的东西。//面向对象有什么特点:特征和行为//instanceof判断一个变量的数据类型,具体方法:变量 instanceof 数据类型,返回的是布尔值。 

创建对象的方式:

1.通过字面量的方式创建对象:js中以字面量的方式创建对象使用{},如:var obj = {}一个空对象;给对象添加属性:属性名:属性值,每个属性之间用逗号隔开;给对象添加方法:方法名:function(){},每个方法之间用逗号隔开;调用对象的属性:对象名.属性名或对象名[‘属性名’],调用对象的方法:对象名.方法名();

	<script>var obj = {nameObj: 'obj',age: 18,sex: '男',say: function() {console.log('hello');},play: function() {console.log('play basketball')}};console.log(obj.age); //18console.log(obj['sex']); //男obj.say();//hello</script>

2.调用系统的构造函数创建对象:new Object();同样是一个空对象,这种方法添加属性的方式为:对象名.属性名 = 属性值;添加方法的方式:对象名.方法名 = function(){};每个属性和方法之间用封号隔开,其调用和字面量的方式一样。

	<script>var obj = new Object();obj.name = '涵涵';obj.age = 18;obj.sex = '男';obj.say = function() {console.log('hello');};console.log(obj.age); //18console.log(obj['sex']); //男obj.say(); //hello</script>

3.自定义构造函数创建对象:以上两种方式不能重复创建对象,如果创建新对象,那么就要重新声明,通过构造函数的方式可以一次性创建多个对象,以便解决代码重复问题。自定义构建函数创建对象做的事:1,在内存中开辟(申请)空间,存储创建的新对象2,把this设置为当前对象3,设置对象的属性和方法4,把this这个对象返回;遍历对象是通过for-in来实现的,其中变量是对象的属性,对象[变量]拿到的才是属性值;

	<script>function Student(names, age) {this.names = names;this.age = age;this.say = function(says) {console.log(says);};};var stud1 = new Student('小明', 18);console.log(stud1.names); //小明stud1.say('hello'); //hellovar stud2 = new Student('涵涵', 15);console.log(stud2.age); //15stud2.say('你好'); //你好function Student(names, age) {this.names = names;this.age = age;this.say = function(says) {console.log(says);};};var stud1 = new Student('小明', 18);for (var k in stud1) {// console.log(k); // name age sayconsole.log(stud1[k]);// 小明 18 ƒ (says) {console.log(says);}};</script>

工厂模式创建对象(不是一种方式):

工厂模式创建对象和构造函数创建对象其共同点是:都需要自定义函数;其不同点:工厂模式创建对象函数名首字母小写,函数中要new Object(),有返回值,创建时不需要new的方式(通过构造函数创建对象函数名首字母大写,函数中不需要写new Object(),无返回值,创建时需要new的方式),

	<script>function person(name, age, height, weight) {var obj = new Object();obj.name = name;obj.age = age;obj.height = height;obj.weight = weight;obj.play = function() {console.log('打游戏');}return obj;};var person1 = person('jack', 18, 170, 50);console.log(person1.name);</script>

数据类型分类及之间的特点:

 // 原始数据类型:number string boolean undefined null object// 基本类型(简单类型,值类型):number string boolean// 复杂类型(引用型):object// 空类型:undefined null// 值类型的值储存在:栈中// 引用类型的值储存在:地址在栈上储存,对象在堆上储存// var num = 10;//值类型,值在栈上// var obj = {};//复杂类型,对象在堆上,地址(引用)在栈上// 值类型之间的传递,传递的是值// 引用类型间的传递,传递的是地址(引用)// 值类型作为函数的参数,传递的是值// 引用型作为函数的参数,传递的是地址
	<script>var num1 =10;var num2 = num1;num1 = 20;console.log(num1);//20console.log(num2);//10var num = 50;function f1(num){num = 60;console.log(num);//60}f1(num);console.log(num);//50;var num1 = 55;var num2= 66;function f1(num,num1){num = 100;num1  = 100;num2 = 100;console.log(num);//100console.log(num1);//100console.log(num2);//100}f1(num1,num2);console.log(num1);//100console.log(num2);//100console.log(num);//报错,函数里面的num相当于外面的num1,所以没有num这个变量function Person(name,age,salary){this.name=name;this.age=age;this.salary=salary;}function f1(person){person.name='小明';person = new Person('慧慧',20,1000);}var p =new Person('敏敏',30,10);console.log(p.name);//敏敏f1(p);console.log(p.name);//小明</script>

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者删除。
笔者:苦海

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/575392.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在存储过程中编写正确的事务处理代码

在 SQL Server 中数据库事务处理是个重要的概念&#xff0c;也稍微有些不容易理解&#xff0c;很多 SQL 初学者编写的事务处理代码存往往存在漏洞&#xff0c; 本文介绍了三种不同的方法&#xff0c;举例说明了如何在存储过程事务处理中编写正确的代码。 在编写 SQL Server 事务…

javascript中内置对象简介、Array

内置对象&#xff1a; javascript的三种对象&#xff1a;1.内置对象—JavaScript自带的对象&#xff1b;2.自定义对象—自己定义构造函数创建对象&#xff1b;3.浏览器对象— BOM时候介绍&#xff0c;几个常用内置对象&#xff1a;Math Date String Array Object Array对象&a…

javascript中Date对象及方法

Date对象&#xff1a; 该对象呈现时间中的某个时刻。其本质是自1970年1月1日&#xff08;UTC&#xff09;起经过的毫秒数&#xff0c;相关属性的方法如下&#xff1a;&#xff08;如果Date对象中传入指定的时间&#xff0c;则以传入的指定时间返回相关数据&#xff0c;就不会以…

如何调优JVM

堆设置 -Xmx3550m&#xff1a;设置JVM最大堆内存 为3550M。-Xms3550m&#xff1a;设置JVM初始堆内存 为3550M。此值可以设置与-Xmx相同&#xff0c;以避免每次垃圾回收完成后JVM重新分配内存。-Xss128k&#xff1a;设置每个线程的栈 大小。JDK5.0以后每个线程栈大小为1M&#x…

javascript中encodeURL对象、Boolean对象、Function对象、globalThis对象、Infinity对象、isFinite对象、isNaN对象、JSON对象

encodeURI()对象&#xff1a; 用于对特殊字符进行编码&#xff0c;decodeURI()对象&#xff1a;将特殊字符进行解码&#xff0c;常用于URL地址编码中 <script>var url https://mozilla.org/?xшеллыvar urlEncode encodeURI(url);console.log(urlEncode); //http…

JAVA Web学习篇--Servlet

Servlet由来 做过BS项目的人都知道&#xff0c;浏览器可以依据HTML静态标记语言来显示各式各样的网页。可是假设我们须要在网页上完毕一些业务逻辑&#xff1a;比方登陆验证。或者说网页显示的内容在server的数据库中。假设是这样&#xff0c;除了负责显示的HTML标记之外&#…

javascript中Math对象及方法

Math对象&#xff1a; 其所有属性与方法都是静态的&#xff0c;其相关属性和方法如下&#xff1a; 继&#xff1a; 继&#xff1a; 提示&#xff1a;本文图片等素材来源于网络&#xff0c;若有侵权&#xff0c;请发邮件至邮箱&#xff1a;810665436qq.com联系笔者 删除。 笔者…

Linux crontab 命令格式与具体样例

基本格式 : *  *  *  *  *  command 分 时 日 月 周 命令 第1列表示分钟1&#xff5e;59 每分钟用*或者 */1表示 第2列表示小时1&#xff5e;23&#xff08;0表示0点&#xff09; 第3列表示日期1&#xff5e;31 第4列表示月份1&#xff5e;12 第5列标识号星期0…

javascript中NaN属性、null对象、Number对象、Object对象

NaN属性&#xff1a; 表示不是一个数字&#xff0c;是全局对象的属性&#xff0c;其初始值为NaN <script>console.log(NaN NaN); //false</script>null对象&#xff1a; 特指对象的值未设置 <script>console.log(null undefined); //trueconsole.log(nul…

网站建设的基本流程及服务端开发简介

服务端开发&#xff1a; 前面部分都是在介绍前端开发&#xff0c;接下来将介绍后端开发&#xff0c;这里采用php介绍&#xff0c;在本篇应当掌握编程能力&#xff0c;编程思想&#xff0c;解决问题的思路&#xff0c;熟悉网页开发&#xff0c;网站开发&#xff0c;应用开发的基…

Apache安装、配置、卸载

下载安装配置Apache&#xff1a; 1.将Apache官方下载地址&#xff1a;https://www.apachelounge.com/download/&#xff0c;复制到浏览器打开&#xff0c;选择系统支持的版本下载&#xff0c;如&#xff1a; 2.将下载好的压缩包剪贴到C盘根目录&#xff08;这里为了方便&…

企业级应用架构(一) 三层架构之解耦

前言 前段时间朋友拿了个网站给我&#xff0c;让我帮忙添加几个小功能&#xff0c;我爽快的答应了,但是当我打开源码&#xff0c;我瞬间就奔溃了&#xff0c;整个项目连最基本的三层框架也没有搭建&#xff0c;仅仅是封装了一个sqlhelp作为数据库的操作接口&#xff0c;项目中的…

Web结构组件

一、Web结构组件 &#xff11;、代理 位于客户端和服务器之间的HTTP实体&#xff0c;接收客户端的所有HTTP请求&#xff0c;并将这些请求转发给HTTP服务器。 &#xff12;、缓存 HTTP的仓库&#xff0c;使常用的页面的副本可以保存在离客户端更近地方 &#xff13;、网关 连接其…

javascript中parseFloat(x)、parseInt(num,radix)、Promise、ReferenceError、Reflect、get和set

parseFloat(x)对象&#xff1a; 将传入的字符转化为浮点数&#xff0c;若传入的字符不能被转化为数字型&#xff0c;则返回NaN <script>console.log(parseFloat(0.0314E2)); //3.14</script>parseInt(num,radix)对象&#xff1a; 将num看成radix某进制的数后转化…

Linux系统isosize指令用法

isosize命令&#xff1a;iso9660文件系统大小显示 isosize命令用于显示iso9660文件系统的大小&#xff0c;还文件可以使普通文件&#xff0c;也可以是块设备&#xff0c;如/dev/sr0或者/dev/sda.如果没有相关选项的规定&#xff0c;默认以字节的方式显示大小。该命令支持大于4G…

web api、获取DOM元素的方式、事件理解、click事件在移动端300ms延时、事件对象、事件委托、常见事件类型

web api: API&#xff08;Application Programming Interface&#xff0c;应用程序编程接口&#xff09;是一些预先定义的函数&#xff0c;目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力&#xff0c;而又无需访问源码&#xff0c;无需理解其内部工作机…

Reset RequiredFieldValidator 重置 验证控件

<td style"width:100px;">姓名<span class"must_star">*</span></td> <td> <asp:TextBox ID"txtNAME" runat"server" MaxLength"60"></asp:TextBox> <asp:RequiredFi…

transitionend、change、classList、兼容代码、元素样式属性的操作、-Attribute自定义属性、阻止跳转、元素绑定相同事件、元素解绑事件、事件冒泡、事件三阶段

transitionend过渡监听事件&#xff1a; 过渡监听事件transitionend指的是CSS3中过渡效果执行一次后触发事件处理函数&#xff0c;如下案例&#xff1a; <!DOCTYPE html><html><head><meta charset"utf-8"><title></title><…

Unix/Linux环境C编程入门教程(18) kali-linuxCCPP开发环境搭建

1. Kali linux是BT5的晋级版本&#xff0c;用于信息安全。基于Debian7内核。新建虚拟机。2. 选择默认虚拟机3. 选择稍后安装操作系统4.选择Linux Debian7 64位&#xff0c;因为KaliLinux基于Linux Debian7。5. 设置虚拟机名称为KaliLinux6.设置处理器为双核。7. 设置内存为2G8.…

javascript中节点操作、节点属性、节点获取、创建节点、删除节点、克隆节点

节点操作 节点操作实际是利用DOM树把节点划分为不同的层次关系&#xff0c;常见父子兄弟级关系 节点属性&#xff1a; 节点一般有三个属性&#xff1a;nodeType节点类型&#xff08;其中元素节点值为1&#xff0c;属性节点值为2&#xff0c;文本节点值为3&#xff09;、node…