JavaScript面向对象是近年来比较火的一个概念了,由于小弟才疏学浅,虽然做过不少的web项目,看了网上很多深奥的资料和教程,还是对他们深奥 的理论一知半解,前段时间看了点书,总算有了自己的理解,今天也出来装一回,如果觉得很深奥,请直接鄙视我,如果觉得不对,请直接拍砖。先通俗了解下面一些东西。在JS代码中写入function fn(){}或者var fn=function(){}等等,你都可以将其理解为对象,当然还有数组等等。在理解面向对象...
一 BOM:浏览器对象模型,提供了很多对象,用于对浏览器的功能进行访问,浏览器本身自己就有一些对象,不需要创建。BOM的核心对象是window,它是浏览器的一个实例。 二.(1)Window:的常用属性: (1)status (2)opener (3)closed 的常用方法: (1)alert(); (2)confirm(); (3)setInterval(); (4)clearInterval(); ...
什么是JSONJSON(JavaScript Object Notation)是一种优美的JavaScript对象创建方法。JSON也是一种轻量级数据交换格式。JSON非常易于人阅读与编写,同时利于机器解析与生成。JSON是在AJAX中代替XML交换数据的更佳方案。JSON格式与语法var jsonobject={ //对象内的属性语法(属性名与属性值是成对出现的) propertyname:value, //对象内的函数语法(函数名与函数内容是成对出现的) functionname:function(){...
废话不多说,代码如下: 1 <!DOCTYPE html>2 <html>3 <head>4 <meta charset="UTF-8">5 <title>贪吃蛇</title>6 <script>7var map; //地图类对象 8var snake; //蛇类对象 9var food; //食物类对象 10var timer; //定时器对象 11var sum=0; //分数 12 13//地图类 14function Map()15 {16this.width=800; //地图宽度 17this.height=400; //地图高度 18this.position=‘absolute‘; //定位方式 19this.color=‘#cccccc‘; //地图...
经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询。 示例-----------------------------------------------------------------------URL:http://b.a.com:88/index.php?name=kang&when=2011#first属性含义值protocol:协议"http:"hostname:服务器的名字"b.a.com"port:端口"88"pathname:URL中主机名后的部分"/index.php"search:"?"后的部分,又称为查询字符串"?name=kang&when=2011"hash:返回"#"之后的内容"#...
ECMA-262 把本地对象(native object)定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。看定义有些不清楚,因为还未了解何为“宿主环境”的时候就引用了“宿主环境”这个概念,着实让人有些发晕。不过,根据我强悍的文学功底,“宿主”一般是指寄生的生物选择的寄生体,这让我想起了“火影”里的“白”。简单说,就是用户的机器环境,包括操作系统和浏览器。再来看一下,“本地对象”包含哪些内容:Object、Function、Arra...
JS是松散类型的语言,这一点JS的对象表现得尤为突出。那么如何来确定JS对象的具体类型呢? 首先,我们可以使用typeof运算符确定其基本类型(number,object,function,undefined)。如果typeof运算符返回object我们再使用instanceof来确定该对象是否属于某个具体类型。 注意:typeof null得到object,而typeof undefined得到undefined,typeof 数组对象得到object,typeof 函数得到function。 o instanceof Type:判断对象o是否属于Typ...
JavaScript对象及初识面向对象: 原文:http://www.cnblogs.com/s1297-lgy/p/7060692.html
JavaScript自定义对象JavaScript构造函数原型对象JavaScript继承原型链借用构造函数组合继承 原文:https://www.cnblogs.com/xhddbky/p/9208408.html
# oo ##创建对象 1. 原型、构造函数、实例之间的关系 * 原型的construct->构造函数;调用isPrototypeOf(obj)方法可以判定和实例的关系; * 构造函数的prototype->原型; * 实例的__proto__ ->原型(仅在chrome,safari,Firefox中存在,而共有的是[[prototype]]);用getPrototypeOf()方法可以返回[[prototype]]的值; * 构造函数后构造函数的‘子类’new产生一个实例,可以用instanceOf 操作符来检测构造函数是否出现在原型链上...
我们都有一个误区,就是认为形成 Javascript 对象的prototype chain 的 prototype 就是一个名字为 prototype 的属性,而且是可以访问的。其实,Javascript 的 prototype 和 名字为 prototype 的属性在一开始一点儿关系都没有,是两个不同的事物。 var Richard = new Object(); alert(typeof(Richard.prototype)); //undefinedvar Richard = new Object(); alert(Richard.__proto__); //[object Object]对于一般对象来说,我们只能...
哈哈,面向对象的创建居然学了这么久,不废话。首先是创建面向的对象的方式。最常用的构造函数和原型模式混合。对于方法使用原型模式,对于属性使用构造函数的方式。。为什么要组合这两种方式呢,是因为通过原型模式创建引用类型的值的时候。创建实例时这个引用类型的值更改,会影响到其他实例。继承,es5使用原型链来继承。继承是通过创建一个对象的实例,并赋给另一个对象的prototype实现的。结果是原来存在于实例中的所有方法和...
js面向对象的特点:继承(inheritance):对象方法和属性的继承多态(polymorphism):组件开发抽象(abstract):抓住核心问题封装(encapsulation):把功能写出方法面向过程式切换面板实现:<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>切换面板</title><style>#div1 input {background: white;}#div1 input.active {background: yellow;}#div1 div {width: 200px;height: 200px;background: #CCC;display: none;}</style...
1.BOM对象window对象所有浏览器都支持 window 对象。概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: window对象不需要创建对象,直接使用即可.windows对象方法alert() 显示带有一段消息和一个确认按钮的警告框。 confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 prompt() 显示可提示用户输入的对话框。open() 打开一个新的浏览器窗口或查找...
/*JavaScript和其他的语言类似,也是面向对象,自然也就是存在类和对象(对象是类的实例化)*///1、JS对象var empty = {}; //没有任何属性的对象var point = { x: 0, y: 0 }; //两个属性和值var point2 = { x: point.x, y: point.y } //复杂的属性和值var book = {"main title": "javascript", //属性名字中有空格,必须用字符串表示"sub-title": "The Definitive Guide", //属性名字里有连字符,必须用字...