js面向对象---基本的概念、属性、方法
2017-06-29 19:12
316 查看
一、什么是面向对象编程
1、用对象的思想去写代码,就是面向对象编程
2、我们一直在使用对象,如数组Array 时间Date
二、面向对象编程(oop)的特点
抽象:抓住核心问题
封装:只能通过对象来访问方法
继承:从已有对象上继承出新的对象
多态:多对象的不同形态
三、高级面向对象的一些概念、名词
1、包装对象:JS基于原型的程序,包括String、Number、Boolean
-实例对象与原型之间的连接,叫做原型链
-proto(隐式链接)
-Object对象类型是原型链的最外层
四、面向对象的一些属性和方法(虽然用得比较少)
hasOwnProperty():看是不是对象自身下面的属性
constructor : 查看对象的构造函数。—-每个原型都会自动添加constructor属性,for in 的时候有些属性是找不到的,要避免修改constructor属性
instanceof : 运算符。—对象与构造函数在原型链上是否有关系
toString() : object上的方法,把对象转成字符串
1、用对象的思想去写代码,就是面向对象编程
2、我们一直在使用对象,如数组Array 时间Date
//我们把系统自带的对象,叫做系统对象 var arr = new Array(); arr.length; arr.push();
二、面向对象编程(oop)的特点
抽象:抓住核心问题
封装:只能通过对象来访问方法
继承:从已有对象上继承出新的对象
多态:多对象的不同形态
三、高级面向对象的一些概念、名词
1、包装对象:JS基于原型的程序,包括String、Number、Boolean
//这个基本类型的包装对象类型是String var str = "hello"; //基本类型会找到对应的包装对象类型,然后包装对象把所有的属性和方法给了基本类型,然后包装对象消失 str.charAt(0); //h
2、原型链:
-实例对象与原型之间的连接,叫做原型链
-proto(隐式链接)
-Object对象类型是原型链的最外层
function Aaa(){ this.num = 20; } Aaa.prototype.num = 10; Object.prototype.num = 30; var a1 = new Aaa(); alert(a1.num); //20 /*对象是可以找到原型下的东西的,num是挂载到构造函数Aaa()的原型上,而构造函数的原型本身就是个对象, num其实就是Aaa.prototype这个对象下面的属性。 而a1之所以能找到num,是因为a1与Aaa()之间有一个链接, 这个链接就称为原型链。 a1本身是没有num的,所以a1先往自己身上找,没找到然后才顺着原型链一层一层的往上找 */ //原型链的最外层:object:prototype
四、面向对象的一些属性和方法(虽然用得比较少)
hasOwnProperty():看是不是对象自身下面的属性
var arr = []; arr.num = 10; Array.prototype.num2 = 20; alert(arr.hasOwnProperty('num')) //true alert(arr.hasOwnProperty('num2')) //false
constructor : 查看对象的构造函数。—-每个原型都会自动添加constructor属性,for in 的时候有些属性是找不到的,要避免修改constructor属性
function Aaa(){} //创建构造函数后,系统1自动创建的这个属性 Aaa.prototype.constructor = Aaa; //在给原型这样添加变量时,记得修正construcor的指向, Aaa.prototype = { construcor: Aaa, name : '小明', age : 20 } var a1 = new Aaa(); alert(a1.constructor); //function Aaa(){}
instanceof : 运算符。—对象与构造函数在原型链上是否有关系
function Aaa(){} var a1 = new Aaa(); alert(a1 instanceof Aaa); //true alert(a1 instanceof Object); //true alert(a1 instanceof Array); //false
toString() : object上的方法,把对象转成字符串
//变成字符串 var arr = [1,2,3]; alert(arr.toString()); //'1,2,3' //数字进制转换 这里是16进制 var num = 225; alert(num.toString(16)); //'e1' //利用toStriing作类型的判断 ,<strong>这是判断类型最完美的方法</strong> var arr = null; var arr2 = []; alert(Object.prototype.toString.call(arr) == '[object Array]') //false alert(Object.prototype.toString.call(arr2) == '[object Array]') //true
相关文章推荐
- 1.1 js 面向对象的基本概念和基本使用方法
- js中的四种类型的属性、方法,以及闭包的概念
- js面向对象的公有、私有属性和方法
- js中字符串基本数据类型能调用属性和方法的原理
- js面向对象之公有、私有 、静态方法和属性,以及特权方法
- js面向对象之静态方法和静态属性实例分析
- JS面向对象(3) -- Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
- js面向对象之公有、私有、静态属性和方法详解
- js面向对象之公有、私有、静态属性和方法详解
- 【译文】 C#面向对象的基本概念 (Basic C# OOP Concept) 第一部分(类,对象,变量,方法,访问修饰符)
- js面向对象之公有、私有、静态属性和方法详解
- js面向对象之公有、私有、静态属性和方法详解
- A/B 测试的基本概念举例理解以及具体实现方法【传统A/B测试基于后端的 A/B 测试(Back-end AB test),现在基本上基于前端js在客户端进行分流,有更多优点,请看里面】
- 总结Silverlight与HTML页面交互基本方法(js调用Silverlight方法/属性)
- 译:C#面向对象的基本概念 (Basic C# OOP Concept) 第三部分(多态,抽象类,虚方法,密封类,静态类,接口)
- A/B 测试的基本概念举例理解以及具体实现方法【传统A/B测试基于后端的 A/B 测试(Back-end AB test),现在基本上基于前端js在客户端进行分流,有更多优点,请看里面】
- js面向对象的一些属性和方法
- js高级——面向对象的基本概念
- JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
- js面向对象的一些属性、方法