JavaScript入门笔记(6)

标准对象

正则对象

正则表达式是一种处理文本信息的神器,在JavaScript中可以方便的使用正则对象对文本进行处理。JavaScript中声明正则对象可以使用var name = /.../var name = new RegExp("..."),第二种方法个人是不推荐的,要处理一系列的文本转义,正则表达式定以后可以使用.test()方法检验是否有匹配和.exec()方法分组

var re_test = /\w+@\w+\.\w+/
console.log(re_test) ///\w+@\w+\.\w+/
console.log(re_test.test("avbd@163.com")) //true
console.log(re_test.test("adfasd")) //false

var group_test = /(\w+)@(\w+)\.\w+/
console.log(group_test.exec("avbd@163.com")) 
//[ 'avbd@163.com', 'avbd', '163', index: 0, input: 'avbd@163.com' ]

另外,在正则结尾后的/处可以加一些参数,比如加g就是启用全局匹配,调用.exec()会像迭代器一样逐个返回匹配到的值。当匹配完所有值后将返回null

var global_test = /\w+/g
console.log(global_test.exec("avbd@163.com"))
//[ 'avbd', index: 0, input: 'avbd@163.com' ]
console.log(global_test.exec("avbd@163.com"))
//[ '163', index: 5, input: 'avbd@163.com' ]
console.log(global_test.exec("avbd@163.com"))
//[ 'com', index: 9, input: 'avbd@163.com' ]
console.log(global_test.exec("avbd@163.com"))
//null

JSON对象

json是一种超轻量级的数据传递格式,脱胎于JavaScript的对象,将按JSON格式完成的对象序列化成文本便可以在网络中传输,接收到文本后反序列化即可获得原数据
序列化使用JSON.stringify()方法,第一个参数为要序列化的object,第二个参数可以是一个列表,描述哪些属性被序列化(默认全部序列化),也可以是一个输入参数为(key,value)的函数,被序列化的内容是key:value+value+是该函数的返回值

var json_test = {
    name:"qian",
    age:20,
    skill:"python"
}
json_string = JSON.stringify(json_test)
console.log(typeof(json_string),json_string)
//string {"name":"qian","age":20,"skill":"python"}
console.log(JSON.stringify(json_test,["name","age"]))
//{"name":"qian","age":20}
console.log(JSON.stringify(json_test, function(key,value) {
    if (key == "age") {
        return value - 1
    } else {
        return value
    }
})) //{"name":"qian","age":19,"skill":"python"}

反序列化使用JSON.parse()方法,输入参数为JSON文本

json_return = JSON.parse(json_string)
console.log(typeof(json_return),json_return)

面向对象编程

创建对象

面向对象编程是目前编程语言的潮流,JavaScript的面向对象编程方法基于原型链而与C++和python的class-object方法不同。JavaScript可以通过一个对象创立另一个对象,或者通过构造函数创建变量
通过某个对象创建对象时,使用Object.create()方法,传入一个对象可依据传入的对象创建出一个平级的对象(而不是继承的),但是创建出的对象没有任何属性,仅保留了方法

test = {
    name:"javascript",
    time:0,
    use:function (){
        this.time ++
        return this.time
    }
}

var python = Object.create(test)
console.log(python) //{}
python.name = "python"
python.time = 1
console.log(python.use()) //2

另一种可以通过构造函数来创建对象,使用一个内部使用了this的函数并在函数内声明各种属性和方法,使用new function的方法调用

function createobject(name) {
    this.name = name
    this.time = 0
    this.use = function () {
        this.time ++
        return this.time
    }
}
var golang = new createobject("golang") 
console.log(golang) //createobject { name: 'golang', time: 0, use: [Function] }
console.log(golang.use()) //1

原型继承

个人认为JavaScript最有意思的一点就是其原型继承的继承机制,由于JavaScript中没有类,因此继承是由对象到对象的。每个对象都有原型.prototype,该原型可以简单的和class类比,一个对象是由原型创建的,那么将一个对象的原型指向另一个对象就可以说是继承了。
但是如果使用直接使用.prototype = objectname的话,在子对象中添加方法的时候方法就会被添加到父对象中从而修改父类,这是不希望看到的,于是可以指定一个空的且与父对象原型相同的对象(父对象平级的空对象,将其prototype指向父对象的prototype),于是这个对象就具备了父对象的所有方法,但是属性仍是空的。
为了继承属性,需要在子对象的构造函数里使用parentobject.call(this,...)的方法。call将父对象的构造函数中的所有方法和对象的this改为指向子对象,于是父对象的方法和属性被子对象继承且原型链正确,子对象新的方法被定义在那个空对象中,不会改变父对象。

function createobject(name) {
    this.x = name
    this.time = 0
    this.use = function () {
        this.time ++
        return this.time
    }
}
var golang = new createobject("golang")
console.log(golang) //createobject { x: 'golang', time: 0, use: [Function] }

function inherit(parent,child) {
    function F() {
    }
    F.prototype = parent
    child.prototype = F
    child.prototype.constructor = child
}
function inherit_test(name) {
    createobject.call(this,name)
}
inherit(createobject,inherit_test)
test_object = new inherit_test("a")
console.log(test_object) //inherit_test { x: 'a', time: 0, use: [Function] }

以上的例子中,F()是空对象的构造方法,函数inherit(parent,child)封装了继承的原型链修改部分,子对象构造函数inherit_test(name)中的createobject.call(this,name)则拉取了父对象的所有方法和属性

类继承

没有类这一概念可以说是JavaScript的缺点,因为原型继承大大复杂了继承的实现成本,对对象本身的操作却没有数量级的提升,于是在新的JavaScript语法中,class被引进
类的声明使用class 类名 {方法},有一个特殊的方法叫constructor(),这是类的构造函数,和Python的__init__类似,属性可以在该方法中使用this.属性名 = 值声明。调用类生成对象时与使用构造函数生成类一样,使用var var_name = new class_name

class TestClass {
    constructor(name) {
        this.name = name
        this.usetime = 0
    }

    useonetime() {
        this.usetime ++
        console.log(this.usetime)
    }
}
var a = new TestClass("javascript")
console.log(a) //TestClass { name: 'javascript', usetime: 0 }
a.useonetime() //1

类的引入方便了继承的实现,在class中实现继承只需要两个操作

  • 在声明类时使用class 类名 extends 父类名 {}即可
  • 在构造函数中使用super()调用父类的构造函数
class TestIherit extends TestClass {
    constructor(name,data) {
        super(name)
        this.data = data
    }

    reportdata () {
        console.log(this.data)
    }
}
var b = new TestIherit("python",10)
console.log(b)
//TestIherit { name: 'python', usetime: 0, data: 10 }
b.useonetime() //1
b.reportdata() //10
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,214评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,307评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,543评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,221评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,224评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,007评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,313评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,956评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,441评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,925评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,018评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,685评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,234评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,240评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,464评论 1 261
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,467评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,762评论 2 345

推荐阅读更多精彩内容

  • 1,javascript 基础知识 Array对象 Array对象属性 Arrray对象方法 Date对象 Dat...
    Yuann阅读 891评论 0 1
  • 或许,爱到天荒地老时,流年已散尽,而我一直站在夜半央娓娓诉说对你的依恋,如果可以这样爱于阡陌之上,无怨无悔深夜...
    故乡的云1阅读 296评论 0 1
  • 1~推迟满足感 拖延症,有的时候就是在逃避,逃避你认为很困难,不想去做的事情,在拖延的时间段内,自己并不轻松,反而...
    唐心辉阅读 178评论 4 2
  • 荻原朔太郎说:“所谓幸福的人,是只记得自己一生中满足之外的人;而所谓不幸的人只记得与此相反的内容。” 陶渊明说:“...
    双zs阅读 882评论 0 1