面向对象的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 ...
随机推荐
- CSS3 3D立方体效果-transform也不过如此
CSS3系列已经学习了一段时间了,第一篇文章写了一些css3的奇技淫巧,原文戳这里,还获得了较多网友的支持,在此谢过各位,你们的支持是我写文章最大的动力^_^. 那么这一篇文章呢,主要是通过一个3D立 ...
- 03.LoT.UI 前后台通用框架分解系列之——多样的表格
LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/du ...
- Yeoman 官网教学案例:使用 Yeoman 构建 WebApp
STEP 1:设置开发环境 与yeoman的所有交互都是通过命令行.Mac系统使用terminal.app,Linux系统使用shell,windows系统可以使用cmder/PowerShell/c ...
- C#中Length和Count的区别(个人观点)
这篇文章将会很短...短到比你的JJ还短,当然开玩笑了.网上有说过Length和count的区别,都是很含糊的,我没有发现有 文章说得比较透彻的,所以,虽然这篇文章很短,我还是希望能留在首页,听听大家 ...
- Entity Framework的启动速度优化
最近开发的服务放到IIS上寄宿之后,遇到一些现象,比如刚部署之后,第一次启动很慢:程序放置一会儿,再次请求也会比较慢.比如第一个问题,可以解释为初次请求某一个服务的时候,需要把程序集加载到内存中可能比 ...
- Visual Studio 2013 添加一般应用程序(.ashx)文件到SharePoint项目
默认,在用vs2013开发SharePoint项目时,vs没有提供一般应用程序(.ashx)的项目模板,本文解决此问题. 以管理员身份启动vs2013,创建一个"SharePoint 201 ...
- Merge Sorted Array
Given two sorted integer arrays nums1 and nums2, merge nums2 into nums1 as one sorted array. Note:Yo ...
- ABP源码分析二:ABP中配置的注册和初始化
一般来说,ASP.NET Web应用程序的第一个执行的方法是Global.asax下定义的Start方法.执行这个方法前HttpApplication 实例必须存在,也就是说其构造函数的执行必然是完成 ...
- FastClick 填坑及源码解析
最近产品妹子提出了一个体验issue —— 用 iOS 在手Q阅读书友交流区发表书评时,光标点击总是不好定位到正确的位置: 如上图,具体表现是较快点击时,光标总会跳到 textarea 内容的尾部.只 ...
- 【腾讯Bugly干货分享】一步一步实现Android的MVP框架
本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/5799d7844bef22a823b3ad44 内容大纲: Android 开发 ...