面向对象的JS(一)
JavaScript是弱类型,可变性强
/*JavaScript和其他的语言类似,也是面向对象,自然也就是存在类和对象(对象是类的实例化)*/
//1、JS对象
var empty = {}; //没有任何属性的对象
var point = { x: , y: }; //两个属性和值
var point2 = { x: point.x, y: point.y } //复杂的属性和值
var book = {
"main title": "javascript", //属性名字中有空格,必须用字符串表示
"sub-title": "The Definitive Guide", //属性名字里有连字符,必须用字符串表示
"for": "all audiences", //for是保留字,因此必须用引号
author: { //属性为对象类似其他语言
firstname: "David", //这个属性的值是一个对象,因此属性没有使用引号
surname: "Flanagan"
}
}; //2、通过new创建对象
var o = new Object(); //创建空对象,和{}一样
var a = new Array(); //创建一个空数组,和[]一样,这里的数组对象是JavaScript自带的对象
var d = new Date(); //创建时间对象
var p = new point(); //创建自己定义的对象 //3、属性的查询和设置(可以通过“.”和“[]”来获取属性值,前者右侧必须是属性名称,后者括号内必须是一个字符串表达式)
var author = book.author;
var name = author.surname;
var title = book["main title"]; book.edition = ; //给book创建一个名为“edition”的属性
book["main title"] = "ECMAScript"; //给“main title”重新赋属性值 //4、继承(JavaScript对象具有“自有属性”,也有些是从原型对象继承而来的,构成一条“链”)inherit()函数,通过给它传入指定原对象来创建实例
var o = {}; //或者var o=new Object();
o.x = ;
var p = inherit(o); //p继承o和object
p.y = ;
var q = inherit(p); //q继承o、p和object
q.z = ;
var s = q.toString(); //toString继承object
var result = q.x + q.y;
alert(result); //result为3 ,x和y继承o和p //注意:属性赋值,但是不会修改原型链,设置属性和继承无关
var circle = { r: }; //设置圆形半径r为1
var c = inherit(circle); //c继承r
c.x = ;
c.y = ;
c.r = ;
var l = circle.r;
alert(l); //l为1,原型对象属性没有修改
//5、删除属性(delete运算符可以删除对象的属性,只能删除自有属性,不能删除继承属性)
delete book.author; //book不再有属性author
delete book["main title"]; //book也不再有属性“main title” var o = { x: };
delete o.x;
delete o.x; //此时返回true
delete o.toString; //返回true
delete ; //无意义,返回true delete Object.prototype; //不能删除,是不可配置的属性
var x = ;
delete this.x; //不能删除这个属性
function f() { }; //声明一个局部函数
delete this.f; //也不能删除 this.x = ; //创建一个可配置全局属性(没有用var)
delete x; //可以删除 delete x; //直接报错,不能直接这样操作
delete this.x; //正常运行 //6、检测属性
var o = { x: }; //创建一个对象
o.hasOwnProperty("x"); //true
o.hasOwnProperty("y"); //false
o.hasOwnProperty("toString"); //false继承属性 //7、对象的三个属性(原型属性、类属性、可扩展属性)
//原型属性
var p = { x: }; //定义一个原型对象
var o = Object.create(p); //使用这个原型创建一个对象
p.isPrototypeOf(o); //true o继承p
Object.prototype.isPrototypeOf(o); //true p继承object.prototype //类属性
function classof(o)
{
if (o === null) return "Null";
if (o===undefined) {
return "Undefined";
}
return Object.prototype.toString().call(o).slice(,-);
}
classof(null); //"Null"
classof(); //"Number"
classof([]); //"Array" //可扩展属性
var o = Object.seal(Object.create(Object.freeze({ x: }), { y: { value: , writable: true } })); //8、序列化对象
o = { x: , y: { z: [false, null, ""] } };
s = JSON.stringify(o);
p = JSON.parse(s); //9、对象方法
var s = { x: , y: }.toString();
var a = Array.toString();
var n = Number.toLocaleString();
var d = Date.toJSON();
var dd = Date.valueOf();
面向对象的JS(一)的更多相关文章
- 面向对象原生js幻灯片代淡出效果
面向对象原生js幻灯片代淡出效果 下面是代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" & ...
- 面向对象的js编程 Call和apply方法
JavaScript中有一个call和apply方法,其作用基本相同,但也有略微的区别. 一.方法定义 1.call 方法 语法:call([thisObj[,arg1[, arg2[, [,.arg ...
- 以纯面向对象的JS编写最基本的数据字典案例
之前有讲到过数据字典,什么是数据字典,用来干啥的,这个不细说了,今天来说说如何实现数据字典功能 无非就是维护数据字典,对数据字典对象进行增删改成,曾经我写过一个页面跳转形式的,十分简单,不说了,今天用 ...
- 面向对象版js分页
基于前一个js分页,我将代码改成一个面向对象版的js分页,代码如下 http://peng666.github.io/blogs/pageobj <!DOCTYPE html> <h ...
- JavaScript面向对象(一)——JS OOP基础与JS 中This指向详解
前 言 JRedu 学过程序语言的都知道,我们的程序语言进化是从"面向机器".到"面向过程".再到"面向对象"一步步的发展而来.类似于 ...
- 面向对象的JS随笔
Scoping 全局与局部 全局变量可用在所有环境中,局部变量只可用在局部 js中连接变量至一个从未声明的变量,后面的变量自动提升成一个全局变量(不要这样用,不易阅读) 只有function(){中才 ...
- 对象(类)的封装方式(面向对象的js基本知识)
上一个月一直忙于项目,没写过笔记,今天稍微空下来了一点 前几天在写项目的时候关于怎么去封装每一个组件的时候思考到几种方式,这里总结一下: 1.构造函数方式(类似java写类的方式):把所有的属性和方法 ...
- 面向对象的JS代码
在下面的例子中可以找到强类型语言中所描述的类,属性,方法,对象. <script language="javascript" type="text/javascri ...
- 面向对象原生js轮播图
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
随机推荐
- [linux]阿里云主机的免登陆安全SSH配置与思考
公司服务器使用的第三方云端服务,即阿里云,而本地需要经常去登录到服务器做相应的配置工作,鉴于此,每次登录都要使用密码是比较烦躁的,本着极速思想,我们需要配置我们的免登陆. 一 理论概述 SSH介绍 S ...
- 一个粗心的Bug,JSON格式不规范导致AJAX错误
一.事件回放 今天工作时碰到了一个奇怪的问题,这个问题很早很早以前也碰到过,不过没想到过这么久了竟然又栽在这里. 当时正在联调一个项目,由于后端没有提供数据接口,于是我直接本地建立了一个 json ...
- DDD初学指南
去年就打算总结一下,结果新换的工作特别忙,就迟迟没有认真动手.主要内容是很多初学DDD甚至于学习很长时间的同学没有弄明白DDD是什么,适合什么情况.这世界上没有银弹,抛开了适合的场景孤立的去研究DDD ...
- 5.0 JS中引用类型介绍
其实,在前面的"js的六大数据类型"文章中稍微说了一下引用类型.前面我们说到js中有六大数据类型(五种基本数据类型 + 一种引用类型).下面的章节中,我们将详细讲解引用类型. 1. ...
- BPM配置故事之案例12-触发另外流程
还记得阿海么,对就是之前的那个采购员,他又有了些意见. 阿海:小明,你看现在的流程让大家都这么方便,能不能帮个忙让我也轻松点啊-- 小明:--你有什么麻烦,现在不是已经各个部门自己提交申请了嘛? 阿海 ...
- MongoDB学习笔记六—查询下
查询内嵌文档 数据准备 > db.blog.find().pretty() { "_id" : ObjectId("585694e4c5b0525a48a441b5 ...
- 【Update】C# 批量插入数据 SqlBulkCopy
SqlBulkCopy的原理就是通过在客户端把数据都缓存在table中,然后利用SqlBulkCopy一次性把table中的数据插入到数据库中. SqlConnection sqlConn = new ...
- Selenium的PO模式(Page Object Model)[python版]
Page Object Model 简称POM 普通的测试用例代码: .... #测试用例 def test_login_mail(self): driver = self.driver driv ...
- 技术笔记:XMPP之openfire+spark+smack
在即时通信这个领域目前只找到一个XMPP协议,在其协议基础上还是有许多成熟的产品,而且是开源的.所以还是想在这个领域多多了解一下. XMPP协议:具体的概念我就不写了,毕竟这东西网上到处是.简单的说就 ...
- ABP框架 - 值对象
文档目录 本节内容: 简介 值对象基类 最佳实践 简介 “一个表示领域的一个描述性方面的没有概念上的身份对象,称为值对象.“(Eric Evans). 与一个有身份(Id)实体相反,一个值对象没有身份 ...