javaScript的相关知识点概念总结
- 对象主要分为内建对象,宿主对象,自定义对象三大类型。
*内建对象:由ES标准中定义的对象,在任何ES的实现中都可以使用
eg:Math String Number Boolean Function Object..
*宿主对象:由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象
- 比如:BOM(浏览器对象模型) DOM(文档对象模型)
例如 我们常用的console.log() 就是DOM 中的对象
*自定义对象: 由咱们开发人员自己定义的对象
2.创建对象
使用new关键字调用的函数,是构造函数constructor
构造函数是专门用来创建对象的函数
在对象中保存的值称为属性
向对象添加属性的语法: ①对象.属性名=属性值 ② 对象["属性名"]=属性值
读取对象属性的语法: ①对象.属性名 ②对象["属性名"]
注意:如果对象中没有的属性,不会出现报错现象而是返回undefined
1./为对象添加属性
obj.name="zhangsan";
obj.age=21;
obj.tel="13894558732";
console.log(obj);
2.//获取对象中的属性值
console.log(obj.tel);
console.log(obj.adress);
console.log(obj["name"]);
3.//修改对象的属性值
obj.age=22;
4.//删除对象的属性
delete obj.tel;
console.log(obj);
3. 对象字面量
(1)创建一个对象
var obj=new Object();
(2)使用对象字面量来创建一个对象
var obj={};(使用对象字面量,可以在创建对象时,直接指定对象中的属性
语法:{属性名1:属性值1,属性名2:属性值2,...}
对象字面量的属性名可以加引号,也可以不加,建议不加
如果要使用一些特殊的属性名,则必须加上引号
属性名与属性值是一组键值对结构,
键与值之间用":"冒号连接,对个键值对之间使用","逗号隔开
如果一个属性之后没有其他的属性了,就不要写","逗号)
4.基本数据类型与引用数据类型
①基本数据类型:String Number Boolean Null Undefined
②引用数据类型:Object
③JS中的变量都是保存在栈内存中的
基本数据类型的值直接在栈内存中存储
值与值之间是独立存在的,修改一个变量不会影响到其他的变量
对象是保存在堆内存中的,每创建一个新的对象,就会在堆内存中开辟新的空间。而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用,当其中一个通过变量修改属性时,另外一个也会受到影响。
5_JavaScript_DOM文档对象模型:
//宿主对象:DOM对象 BOM对象
6.JavaScript_DOM文档对象模型
什么是DOM?
- DOM,全称Document Object Model文档对象模型
- JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的
操作WEB页面。
文档
- 文档表示的就是整个的HTML网页文档
对象
- 对象表示将网页中的每一个部分都转换为了一个对象
模型
- 使用模型来表示对象之间的关系,这样方便我们获取对象
节点:
- 节点Node,是构成我们网页的最基本的组成部分,网页中的每一个部分都可以称为是一个节点
- 比如:html标签、属性、文本、注释、整个文档等都是一个节点
- 虽然都是节点,但是实际上他们的具体类型是不同的
- 比如:标签我们称为元素节点、属性称为属性节点、文本称为文本节点、文档称为文档节点
- 节点的类型不同,属性和方法也都不尽相同。
节点:Node——构成HTML文档最基本的单元。
常用节点分为四类
– 文档节点:整个HTML文档
– 元素节点:HTML文档中的HTML标签