JavaScript学习02(更新中)

一、对象
1、分类
(1)内建对象:ES标准定义的对象,在任何的ES的实现中都可以使用
(2)宿主对象:JS的运行环境提供的对象,主要由浏览器提供的对象
(3)自定义对象:开发人员自己创建的对象

2、向对象添加属性
(1)一般属性名:语法:对象.属性名=属性值
(2)特殊属性名:语法:对象["属性名"]=属性值
注意:如果读取对象中没有的属性,不会报错,会返回undefined

3、读取对象中的内容
语法:对象.属性名

4、删除对象属性名
语法:delete 对象.属性名

5、in运算符
作用:可以检查一个对象中是否含有指定的属性,有返回true,没有返回false
语法:"属性名" in 对象

6、对象字面量
(1)使用对象字面量创建对象
语法:var 对象 = {}
(2)使用对象字面量,创建对象时,可以直接指定对象中的属性
语法:{属性名:属性值,属性名:属性值……},最后一个属性值后面不需要加逗号

二、函数
1、使用函数声明来创建一个函数
语法:function 函数名(){语句……}
2、使用函数表达式创建一个函数,匿名函数
语法:var 函数名=function(){语句……};
3、调用函数时,解析器不会检查实参的类型和实参的数量,当实参的数量少于形参的数量,没有对应实参的形参是undefined
4、立即执行函数,匿名函数后面加一个()可以直接执行

三、枚举对象的属性
语法:for (var 变量 in 对象){ }

四、debug调试
1、运行程序,在HTML页面按F12出现调试页面
2、点击源代码可以查看源码,在需要位置设置断点,点击刷新页面
3、对需要查看的值添加监视
4、点击下一步按钮进行一步步查看

五、原型对象
1、每一个函数对象,都有一个prototype属性,这个属性对应的对象叫做原型对象,因此每个函数对象都有一个原型对象
2、原型对象类似于一个公共区,所以将构造函数中的方法写在原型对象中,通过创建一个匿名方法赋值的方式
如:Person.prototype.方法名=function(){语句……}

六、toString
当我们直接在页面打印对象时,出现的是[object Object],原因是打印对象时,输出的是对象的toString()方法的返回值,为了得到需要的返回值,可以重新写一个函数赋值给toString

七、forEach方法
1、作用:类似于for循环,实现遍历的功能,如:forEach(function(){语句……});
2、需要有一个函数作为参数
3、function(a,b,c)
(1)参数a表示当前正在遍历的元素,
(2)参数b表示当前正在遍历的元素索引,
(3)参数c表示正在遍历的所以数据

八、sort()方法
1、该方法根据Unicode编码进行排序
2、可以在该方法中添加一个回调函数来指定排序规则,当函数返回值大于0时,交换两个参数的位置,当返回值小于或等于0,参数位置保持不变

九、calla()和apply()
1、都是函数对象的方法
2、调用这两个方法时,函数都会执行
3、call()方法实参在对象之后传递,apply()方法实参封装在数组中传递

十、this
1、以函数形式调用,this指的是window
2、以方法形式调用时,this是调用方法的对象
3、以构造函数的形式调用时,this是新创建的对象
4、使用call()和apply()调用时,this是指定的那个对象

十一、正则表达式
1、语法:var 变量=new RegExp(正则表达式","匹配模式")
2、可以使用test()方法进行测试是否符合规则
3、匹配模式:i 忽略大小写;g 全局匹配模式
4、字面量创建方式:var 变量=/正则表达式/匹配模式

十二、节点(Node)
1、构成HTML文档的最基本单元
2、分类:
(1)文档节点:整个HTML文档
(2)元素节点:HTML文档中的标签
(3)属性节点:元素的属性
(4)文本节点:HTML标签中的文本内容

猜你喜欢

转载自blog.csdn.net/weixin_45612718/article/details/124724025