js面向对象(一)---基本的概念、属性、方法
一、什么是面向对象编程
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作类型的判断 ,这是判断类型最完美的方法
var arr = null;
var arr2 = [];
alert(Object.prototype.toString.call(arr) == '[object Array]') //false
alert(Object.prototype.toString.call(arr2) == '[object Array]') //true
js面向对象(一)---基本的概念、属性、方法的更多相关文章
- Python面向对象静态方法,类方法,属性方法
Python面向对象静态方法,类方法,属性方法 属性: 公有属性 (属于类,每个类一份) 普通属性 (属于对象,每个对象一份) 私有属性 (属于对象,跟普通属性相似,只是不能通过对象直接访问) 方法: ...
- js如何操作表格(常用属性方法汇总)
js如何操作表格(常用属性方法汇总) 一.总结 一句话总结: 二.表格相关的属性和方法 1.1 Table 对象集合 cells[] 返回包含表格中所有单元格的一个数组. 语法:tableObject ...
- JS面向对象编程,对象,属性,方法。
document.write('<script type="text/javascript" src="http://api.map.baidu.com/api?v ...
- python 面向对象静态方法、类方法、属性方法、类的特殊成员方法
静态方法:只是名义上归类管理,实际上在静态方法里访问不了类或实例中的任何属性. 在类中方法定义前添加@staticmethod,该方法就与类中的其他(属性,方法)没有关系,不能通过实例化类调用方法使用 ...
- JS面向对象之工厂模式
js面向对象 什么是对象 "无序属性的集合,其属性可以包括基本值.对象或者函数",对象是一组没有特定顺序的的值.对象的没个属性或方法都有一个俄名字,每个名字都映射到一个值. 简单来 ...
- js面向对象编程 ---- 系列教程
原 js面向对象编程:数据的缓存 原 js面向对象编程:如何检测对象类型 原 js面向对象编程:if中可以使用那些作为判断条件呢? 原 js面向对象编程:this到底代表什么?第二篇 原 js面向对象 ...
- JS面向对象(3) -- Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
相关链接: JS面向对象(1) -- 简介,入门,系统常用类,自定义类,constructor,typeof,instanceof,对象在内存中的表现形式 JS面向对象(2) -- this的使用,对 ...
- js面向对象之公有、私有、静态属性和方法详解
现下,javascript大行其道,对于网站开发人员来说,javascript是必需掌据的一门语言,但随着jquery等框架的流行和使用,许多人对于原生javascript缺乏深入的理解,习惯了函数式 ...
- js面向对象自定义MyString()的构造器函数,实现内建String()属性和方法:
js面向对象自定义MyString()的构造器函数,实现内建String()属性和方法: var s = new MyString('hello'); s.length; s[0]; // " ...
- js面向对象学习 - 对象概念及创建对象
原文地址:js面向对象学习笔记 一.对象概念 对象是什么?对象是“无序属性的集合,其属性可以包括基本值,对象或者函数”.也就是一组名值对的无序集合. 对象的特性(不可直接访问),也就是属性包含两种,数 ...
随机推荐
- Git操作思维导图
转自:https://blog.csdn.net/mynameishuangshuai/article/details/51657324
- linux 服务器内存占用统计
当前内存占用率的计算,是根据top命令显示的Mem.used除以Mem.total得到. Mem.total:表示总物理内存. Mem.used: 表示内核控制的内存数,除了应用程序使用的内存外,还包 ...
- [已解决]报错: Version in docker-compose is unsupported
docker compose将解析版本为"2",而不是"3.3".应该改为: version: "2"
- DB2命令行查看执行计划
查看对应SQL的执行计划 分析程序包 db2expln -d 数据库名 -i -g -c 模式名-p程序包 -s 0 -t db2expln -d 数据库名 -i -g -c 模式名-p程序包 ...
- spark性能调优01-常规调优
1.分配更多的资源 1.1 分配的资源有:executor.cup per executor.memory per executor.driver memory 1.2 如何分配:在spark-sub ...
- JSP简单练习-一个简单的计数器
在JSP中,在"<%"和"%>"之间书写的程序代码成为java程序片. 一个JSP页面中能够有多个java程序片. 要注意的是,在Java程序片中声 ...
- PAT 乙级练习题1002. 写出这个数 (20)
1002. 写出这个数 (20) 读入一个自然数n,计算其各位数字之和,用汉语拼音写出和的每一位数字. 输入格式:每个测试输入包含1个测试用例,即给出自然数n的值.这里保证n小于10100. 输出格式 ...
- JSON.parse 解析json字符串时,遇字符串换行符,解析失败
今天遇到json字符串转对象时报错了,发现有个字符串有换行符,仔细找了原因. 结果是因为JSON.parse转json字符串时遇到一些特殊字符需要先转义,如图所示 然后尝试了各路大神介绍的办法,均不适 ...
- 【Luogu】【关卡2-2】交叉模拟(2017年10月)
任务说明:这里也是模拟,但是会混有些别的部分.思维难度不大,但是编写起来会有些难度.
- nodejs 静态资源文件与登陆交互
server2.js var express=require('express'); var expressStatic=require('express-static'); var server=e ...