开发工具与关键技术:Adobe Dreamweaver JavaScript
作者:王民
撰写时间:2020年4月23日
JS中的数据类型:String 字符、Number 数值、Boolean 布尔、Null 空值、Undefined 未定义
以上的5中数据类型为基本数据类型,以后我们看得到值只要不是以上的5中,都为对象
Object 对象
对象属于一种复合的数据类型,在对象中可以存储多个不同数据类型的属性
对象的分类:
1.内建对象
- 由ES标准中定义的对象,在任何ES的实现中都可以使用
例如:Math String Number Boolean Function Object…
2.宿主对象
- 由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象
- 比如:BOM(浏览器对象模型) DOM(文档对象模型)
例如 我们常用的console.log() 就是DOM 中的对象
3.自定义对象
- 由咱们开发人员自己定义的对象
1.创建对象
使用new关键字调用的函数,是构造函数constructor
构造函数是专门用来创建对象的函数
{var obj=new Object();创建对象}
在对象中保存的值称为属性
向对象添加属性的语法: ①对象.属性名=属性值 ② 对象[“属性名”]=属性值
读取对象属性的语法: ①对象.属性名 ②对象[“属性名”]———>(对象的属性名不强制要求遵守标识符规则什么名称都可以,我们自己定义的使用都必须遵守标识符规则)
- 注意:如果对象中没有的属性,不会报错而是返回undefined
{为对象添加属性
obj.name=“王民”;
obj.age=18;
obj.tel=“1663069";}
{获取对象中的属性值
console.log(obj.tel);——浏览器返回值——1663069
console.log(obj.adress);——浏览器返回值——undefined
console.log(obj[“name”]);——浏览器返回值——王民}
{修改对象的属性值
obj.age=22;}
{删除对象的属性
delete obj.tel;
console.log(obj);——浏览器返回值——Object:
Age:22(这个返回的是修改过的对象属性)
Name:“王民”
(Tel就不会再返回了,因为我们刚刚把它删了)
}
2.in运算符
通过该运算符检查一个对象中是否含有指定的属性
如果含有则返回true,如果没有则返回false
语法 :“属性名” in 对象
{console.log(“obj” in age)——浏览器返回值——true
console.log(“obj” in full)——浏览器返回值——Flase
}
基本数据类型:String Number Boolean Null Undefined
引用数据类型:Object
JS中的变量都是保存在栈内存中的
基本数据类型的值直接在栈内存中存储
值与值之间是独立存在的,修改一个变量不会影响到其他的变量
对象是保存在堆内存中的,每创建一个新的对象,就会在堆内存中开辟新的空间。而变量保存的
是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用,当其中一个通过变量
修改属性时,另外一个也会受到影响。
3.使用对象字面量来创建一个对象
使用对象字面量,可以在创建对象时,直接指定对象中的属性
语法:{属性名1:属性值1,属性名2:属性值2,…}
对象字面量的属性名可以加引号,也可以不加,建议不加
如果要使用一些特殊的属性名,则必须加上引号
属性名与属性值是一组键值对结构,
键与值之间用”:“冒号连接,对个键值对之间使用”,“逗号隔开
如果一个属性之后没有其他的属性了,就不要写”,"逗号
[var boss={
name:“王民”,
age:18,
emp:{
name:“肖某某”,
age:17,
tel:“13509667867”
}
};
console.log(boss);——浏览器返回值——(age: 18
emp:
age: 17
name: “肖某某”
tel: “13509667867”
name: “王民”)]