脚本宝典收集整理的这篇文章主要介绍了js实例教程-JavaScript对象基础讲解之初识面向对象,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
1.对象是包含相关属性和方法的集合体
1-1:属性
1-2:方法
2.什么是面向对象
2-1:面向对象仅仅是一个概念或者编程思想
2-2:通过一种叫做原型的方式来实现面向对象编程
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();
+常见的内置对象
1. String (字符串)对象
2. Date (日期)对象
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是正则表达式的缩写
小栗子:
<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.返回新对象
---------------未完待续---------------
1.对象是包含相关属性和方法的集合体
1-1:属性
1-2:方法
2.什么是面向对象
2-1:面向对象仅仅是一个概念或者编程思想
2-2:通过一种叫做原型的方式来实现面向对象编程
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();
+常见的内置对象
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是正则表达式的缩写
小栗子:
<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.返回新对象
---------------未完待续---------------
觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的js实例教程-JavaScript对象基础讲解之初识面向对象全部内容,希望文章能够帮你解决js实例教程-JavaScript对象基础讲解之初识面向对象所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。