面向对象的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 ...
随机推荐
- iOS总结_UI层自我复习总结
UI层复习笔记 在main文件中,UIApplicationMain函数一共做了三件事 根据第三个参数创建了一个应用程序对象 默认写nil,即创建的是UIApplication类型的对象,此对象看成是 ...
- webapi - 使用依赖注入
本篇将要和大家分享的是webapi中如何使用依赖注入,依赖注入这个东西在接口中常用,实际工作中也用的比较频繁,因此这里分享两种在api中依赖注入的方式Ninject和Unity:由于快过年这段时间打算 ...
- Sublime Text 3中文乱码解决方法以及安装包管理器方法
一般出现乱码是因为文本采用了GBK编码格式,Sublime Text默认不支持GBK编码. 安装包管理器 简单安装 使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令 ...
- 标准产品+定制开发:专注打造企业OA、智慧政务云平台——山东森普软件,交付率最高的技术型软件公司
一.公司简介山东森普信息技术有限公司(以下简称森普软件)是一家专门致力于移动互联网产品.企业管理软件定制开发的技术型企业.公司总部设在全国五大软件园之一的济南齐鲁软件园.森普SimPro是由Simpl ...
- 【.net 深呼吸】限制执行代码的权限
前面好几篇文章,老周都跟大伙伴们聊了跟应用程序域有关的话题,干脆咱们一聊到底吧,做学问就应该这样,有恒心. App Domain的创建新应用程序域的方法中,有一个特殊的重载: public stati ...
- 【原】FMDB源码阅读(一)
[原]FMDB源码阅读(一) 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 说实话,之前的SDWebImage和AFNetworking这两个组件我还是使用过的,但是对于 ...
- 前端学HTTP之实体和编码
前面的话 每天都有各种媒体对象经由HTTP传送,如图像.文本.影片以及软件程序等.HTTP要确保它的报文被正确传送,识别.提取以及适当处理.为了实现这些目标,HTTP使用了完善的标签来描述承载内容的实 ...
- ASP.NET Core应用针对静态文件请求的处理[1]: 以Web的形式发布静态文件
虽然ASP.NET Core是一款"动态"的Web服务端框架,但是在很多情况下都需要处理针对静态文件的请求,最为常见的就是这对JavaScript脚本文件.CSS样式文件和图片文件 ...
- PHP的学习--RSA加密解密
PHP服务端与客户端交互或者提供开放API时,通常需要对敏感的数据进行加密,这时候rsa非对称加密就能派上用处了. 举个通俗易懂的例子,假设我们再登录一个网站,发送账号和密码,请求被拦截了. 密码没加 ...
- zookeeper源码分析之三客户端发送请求流程
znode 可以被监控,包括这个目录节点中存储的数据的修改,子节点目录的变化等,一旦变化可以通知设置监控的客户端,这个功能是zookeeper对于应用最重要的特性,通过这个特性可以实现的功能包括配置的 ...