首页 > 编程语言 >javaScript对象函数初相识

javaScript对象函数初相识

时间:2024-11-13 19:16:06浏览次数:3  
标签:obj 函数 对象 javaScript 相识 name 123 1.1 属性

1.1、对象初相识

1.1.1、对象的初识

1.1.1.1、对象的定义

现实生活中,万物皆对象,对象是一个具体的事物,看得见摸得着的实物。例如一本书,一辆汽车,一个人可以是“对象”,一个数据库,一张网页,一个与远程服务器的连接也可以是“对象”。
例子:
明星、女朋友、班主任、苹果、手机
周星驰、小明的女朋友、这个班的班主任、这个被咬了一口的苹果、小王的手机
在JS中,对象是一组无序的相关属性和方法的集合,所有的实物都是对象,例如字符串、数值、数组、函数等
属性:事物的特征,在对象中用属性来表示(常用名词)
方法:事物的行为,在对象中用方法来表示(常用动词)
例子:手机对象
属性:大小、颜色、重量、屏幕尺寸、厚度等
方法:打电话、发短信、聊微信、玩游戏等
例如:桌子对象
属性:颜色,长,宽,高,材质,价格等等
方式:可以睡觉,可以学习,可以吃饭等
例如:小明
属性:身高,体重,性别,性格,爱好等
方式:可以说话,可以工作,可以学习等
例如:按钮
属性:大小,背景色,字体颜色,圆角
方式:点击跳转

1.1.1.2、对象的意义

保存一个值时,可以使用变量
保存多个值(一组值)时,可以使用数组。但数组元素之间信息不连贯,无连接,表达不清楚
如果保存一个人完整的信息?
JS中的对象表达结构更清晰,更强大。

1.1.1.3、对象的分类

对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性,让信息与信息之间有联系,关系明确,操作起来也更加方便
1.内建对象--有ES标准中定义的对象,在任何的ES的实现中都可以使用,eg:Math String Boolean function object
2:宿主对象--由JS的运行环境提供的对象,目前来讲,主要指浏览器提供的对象,eg:BOM(浏览器对象模型) DOM(文档对象模型) 两组对象,里面各自都有很多
3:自定义对象--由开发人员创建的对象

1.1.2、创建对象:利用new Object创建对象

1.1.2.1、对象的基本操作

创建对象
使用new关键字调用的函数,就是构建函数constructor, 构建函数是专门用来创建对象的函数
使用typeof检查一个对象时,则会返回object
向对象添加属性:对象.属性名=属性值;
对象[属性名]=属性值

  var obj = new Object();
  obj.name = "张三";//向obj中添加一个name属性,name属性值为'张三'
  obj.gender = "男";//向obj中添加一个gender属性
  obj.age = 18;//向obj中添加一个age属性

注意:

  • 我们是利用 =赋值运算符的方法,添加对象的属性和方法

  • 每个属性和方法之间用;分号结束

修改对象属性:对象.属性名=新值

 obj.name = "孙悟空"; obj.name = "孙悟空";

删除对象的属性:delete 对象.属性名

delete obj.name;//删除name属性
console.log(obj.name)//undefined
1.1.2.2、属性名与属性值

属性名:

对象的属性名不强制性要求遵守标识符号的规范,什么名字都可以使用

但是我们使用还是尽量按照标识符的规范去做

如果要使用特殊的属性名,例如数字,不能采用"."的方式来操作,需要用对象名['属性名']来读取

使用[]这种形式去操作属性,更加灵活,在[]中可以直接传递一个变量,这样变量值是多少就会读哪个属性

var obj = new Object();
obj.name = "tom"; //向对象中添加属性
obj["123"] = "你好";
var n = "123"; //把'123'属性赋值给n
console.log(obj["123"]); //读取obj的'123'属性
console.log(obj[n]); //读取obj的'123'属性

属性值:
JS对象的属性值,可以是任意的数据类型,甚至可以是对象

obj.test = true;
obj.test = undefined;
obj.test = "true";
obj.test = 123;
// 创建一个对象
var obj2 = new Object();
obj2.name = "猪八戒";
obj.test = obj2;

in运算符:

通过该运算符可以检查一个对象中是否含有指定的属性, 如果有则返回true,没有则返回false

语法:"属性名" in 对象

//检查obj中是否含有test2属性
console.log("test2" in obj);//false
console.log("test" in obj);//true

标签:obj,函数,对象,javaScript,相识,name,123,1.1,属性
From: https://blog.csdn.net/yayaya152/article/details/143749938

相关文章

  • javascript如何进行冒泡排序?
    冒泡排序的规律有一个数组[5,4,3,2,1],假如说要重新排序,进行升序排序,冒泡排序步骤如下5和4比较,5大,5和4交换位置[4,5,3,2,1]5和3比较,5大,5和3交换位置[4,3,5,2,1]5和2比较,5大。5和2交换位置[4,3,2,5,1]5和1比较,5大,5和1交换位置[4,3,2,1,5]5排到了最后一位4开始和后面的......
  • 用函数实现模块化程序设计四
    数组作为函数参数调用有参函数时,需要提供实参,实参可以是常量、变量或表达式数组元素的作用与变量相当,一般来说,凡是变量可以出现的地方,都可以用数组元素代替,因此,数组元素也可以用作函数实参,其用法与变量相同,向形参船体数组元素的值。此外,数组名也可以作实参和形参,传递的是数组第......
  • 极速启动,函数计算弹性降本能力再升级
    作者:墨飏在数字化转型的大潮中,云计算成为推动创新和优化业务流程的关键力量。作为阿里巴巴集团的核心产品之一,函数计算(FunctionCompute)引领着Serverless计算的新时代。本文将深入探讨函数计算如何通过技术革新实现提效降本,以及其在AI业务、数据处理和Web应用等多个领域的......
  • 函数递归详细知识点
    函数递归的基本概念函数递归是指在函数体内部直接或间接地调用该函数本身的编程技术。递归通常用于解决可以分解为更小、更相似子问题的问题,尤其适用于数据结构如树、图、链表等的操作,以及数学问题如斐波那契数列、阶乘计算等。递归的基本结构递归函数通常包含两个关键部分:......
  • C++函数传递引用或指针
    常见变量用法下面通过例子分别展示传递值、字符串、数组的用法示例代码#include<iostream>#include<string>//函数接受一个整数的引用和一个整数的指针voidmodifyValue(int&refValue,int*ptrValue){refValue=100;//通过引用修改值std::cout......
  • 【Java Web】JSTL及其核心库介绍 JSTL函数
    文章目录JSTL介绍核心库表达式控制\<c:out>\<c:set>\<c:remove>\<c:catch>流程控制\<c:if>\<c:choose>循环标签\<c:forEach>URL标签\<c:import>\<c:url>\<c:param>\<c:redirect>格式化JSTL函数JSTL介绍JSTL(JavaSer......
  • C题目:写一个函数,计算一个字符串的长度。在main函数中输入字符串,并输出其长度。
    题目要求如下:写一个函数,计算一个字符串的长度。在main函数中输入字符串,并输出其长度。提示:(1)定义intlength(char*p)函数,统计指针变量p指向的字符数组中的字符个数,返回其字符个数。(2)在main函数中,输入一个字符串,存入字符数组,调用length函数,求出字符串的长度,输出其长度值。代......
  • C小题目:输入10个整数,将其中最小的数与第1个数对换,将最大的数与最后一个对换。要求写3
    题目要求如下:输入10个整数,将其中最小的数与第1个数对换,将最大的数与最后一个对换。要求写3个函数:(1)输入10个数;(2)进行处理;(3)输出10个数。提示:(1)定义voidinput(int*p)函数,用来输入10个整数,存放到指针变量p所指向的数组中;(2)定义voidmax_min_value(int*p)函数,在指针变量p所指......
  • 在线性坐标系中绘制对数函数图象
    本文记述了用Matplotlib在线性坐标系中绘制对数函数图象的例子。代码主体内容如下:...defmain():fig,ax=plt.subplots(figsize=(8,8))#1ax=configure_axes(ax,'LogarithmicFunction',8,3,1,0.25,1,0.25)#2x=np.linspace(......
  • C语言——字符串函数
    1.字符分类函数 2.字符转换函数3.strlen的使⽤和模拟实现4.strcpy的使⽤和模拟实现5.strcat的使⽤和模拟实现6.strcmp的使⽤和模拟实现7.strstr的使⽤和模拟实现8.strtok函数的使⽤接下来让我们一一介绍每个函数的使用方法和如何模拟实现吧!!!1 .C语⾔中有......