JavaScript对象基础讲解之初识面向对象
1)回顾javascript 数据类型
2)对象是什么
1.对象是包含相关属性和方法的集合体
1-1:属性
1-2:方法
2.什么是面向对象
2-1:面向对象仅仅是一个概念或者思想
2-2:通过一种叫做原型的方式来实现面向对象编程
3)创建对象
1.自定义对象
基于object 对象的方式创建对象
语法:
var 对象名称 = new object();
栗子一:基于object 对象的方式创建对象
<script> var flowe=new object(); //添加属性 flowe.name="长春花"; flowe.genera="长春花园"; flowe.areas="ssabvbvhvdhv"; flowe.uses="观赏"; //添加方法 flowe.showname=function() { alert(flowe.name); } flowe.showname(); </script>
栗子二: 使用字面量赋值方式创建对象
var flowe1= { name:"长春花", genera:"长春花园", areas:"ssabvbvhvdhv", uses:"观赏", showname:function() { alert(this.name); } } flowe1.showname();
2)内置对象
+常见的内置对象
1. string (字符串)对象
2. date (日期)对象
3.array (数组)对象
4.boolean (逻辑)对象
5.math(算数)对象
6. regexp 对象
---string(字符串)对象
1.length 属性
2.indexof()方法 replace()方法
---date(日期)对象
var time = new date();//获取系统时间 var hh = time.gethours();//获取系统小时 var mm = time.getminutes();//获取系统分钟 var ss = time.getseconds();//获取系统秒数
---array(数组)对象
1. length属性
2.sort()、concat()、join()方法
---boolean(逻辑)对象
1.true 或者 false
2.tostring()方法
---math(算数)对象
1.round()、max()、min()方法
....................
---regexp对象
regexp是正则表达式的缩写
3)构造函数
小栗子:
<script> function flowe(name,genera,areas,uses) { this.name=name; this.genera=genera; this.areas=areas; this.uses=uses; this.showname=function() { alert(this.name); }; } var flowe1=new flowe("长春花","长春花园","ssabvbvhvdhv","观赏"); flowe1.showname(); var flowe2=new flowe("野蛮书","长春花园","ssabvbvhvdhv","观赏"); flowe2.showname(); var flowe3=new flowe("也漫画","长春花园","ssabvbvhvdhv","观赏"); flowe3.showname(); </script>
使用构造函数创建新实例:调用构造函数的4个步骤
1.创建一个新对象
2.将构造函数的作用域赋给新对象(this就指向了这个新对象)
3.执行构造函数中的代码
4.返回新对象
---------------未完待续---------------
上一篇: 搞怪动物图集,惹人啼笑皆非。
下一篇: 5分钟内学会 有线耳机/音箱秒变无线
推荐阅读
-
Javascript基础回顾之(三) js面向对象
-
Python面向对象基础入门之编码细节与注意事项
-
前端(六):JavaScript面向对象之宿主对象
-
python 之 面向对象基础(定义类、创建对象,名称空间)
-
python 之 初识面向对象
-
使用jQuery快速高效制作网页交互特效——04 第四章JavaScript对象及初识面向对象
-
JavaScript面向对象学习之类的创建,类的抽象代码实例讲解
-
python基础--面向对象之继承
-
前端笔记之JavaScript面向对象(三)初识ES6&underscore.js&EChart.js&设计模式&贪吃蛇开发
-
前端笔记之JavaScript面向对象(四)组件化开发&轮播图|俄罗斯方块实战