ajax应用:返回字符串中为什么含有html?服务端如何去除?_JavaScript 为什么能活到现在?...

dadd609484a5f6d54952497d0fc88108.png

作者 | 司徒正美

责编 | 郭芮

出品 | CSDN(ID:CSDNnews)

JavaScript能发展到现在的程度已经经历不少的坎坷,早产带来的某些缺陷是永久性的,因此浏览器才有禁用JavaScript的选项。甚至在jQuery时代有人问出这样的问题,jQuery与JavaScript哪个快?在Babel.js出来之前,发明一门全新的语言代码代替JavaScript的呼声一直不绝于耳,前有VBScript,Coffee, 后有Dartjs, WebAssembly。要不是它是所有浏览器都内置的脚本语言, 可能就命绝于此。浏览器就是它的那个有钱的丈母娘。此外源源不断的类库框架,则是它的武器库,从底层革新了它自己。为什么这么说呢?

JavaScript没有其他语言那样庞大的SDK,针对某一个领域自带的方法是很少,比如说数组方法,字符串方法,都不超过20个,是Prototype.js给它加上的。JavaScript要实现页面动效,离不开DOM与BOM,但浏览器互相竞争,导致API不一致,是jQuery搞定了,还带来了链式调用与IIFE这些新的编程技巧。在它缺乏大规模编程模式的时候,其他语言的外来户又给它带来了MVC与MVVM……这里面许多东西,久而久之都变成语言内置的特性,比如Prototype.js带来的原型方法,jQuery带来的选择器方法,实现MVVM不可缺少的对象属性内省机制(getter, setter, Reflect, Proxy), 大规模编程需要的class, modules。

本文将以下几个方面介绍这些新特性,正是它们武装了JavaScript,让它变成一个正统的,魔幻的语言。

  • 原型方法的极大丰富;

  • 类与模块的标准化;

  • 异步机制的嬗变;

  • 块级作用域的补完;

  • 基础类型的增加;

  • 反射机制的完善;

  • 更顺手的语法糖。

5c1a8fa65e1a7951bb9ac8ebf070dadb.png

原型方法的极大丰富

原型方法自Prototype.js出来后,就不断被招安成官方API。基本上在字符串与数组这两大类别扩充,它们在日常业务中不断被使用,因此不断变重复造轮子,因此企待官方化。

3c0e143d85ae2e3cad76479d2be56311.png

JavaScript的版本说明:

635cdbd57b9e971890bee68446e6cc5b.png

这些原型方法非常有用,以致于在面试中经常被问到,如果去除字符串两边的空白,如何扁平化一个数组?

ef807f7ec546d6e8eaffd13c2ec2488d.png

类与模块的标准化

在没有类的时代,每个流行框架都会带一个创建类的方法,可见大家都不太认同原型这种复用机制。

下面是原型与类的写法比较:

function Person(name) {

this.name = name;

}

//定义一个方法并且赋值给构造函数的原型

Person.prototype.sayName = function {

return this.name;

};

var p = new Person('ruby');

console.log(p.sayName) // ruby

class Person {

constructor(name){

this.name = name

}

sayName {

return this.name;

}

}

var p = new Person('ruby');

console.log(p.sayName) // ruby

我们可以看到es6的定义是非常简单的,并且不同于对象键值定义方式,它是使用对象简写来描述方法。如果是标准的对象描述法,应该是这样:

//下面这种写法并不合法

class Person {

constructor: function(name){

this.name = name

}

sayName: function {

return this.name;

}

}

如果我们想继承一个父类,也很简单:

class Person extends Animal {

constructor: function(name){

super;

this.name = name

}

sayName: function {

return this.name;

}

}

此外,它后面还补充了三次相关的语法,分别是属性初始化语法,静态属性与方法语法,私有属性语法。目前私有属性语法争议非常大,但还是被标准化。虽然像typescript的private、public、protected更符合从后端转行过来的人的口味,不过在babel无所不能的今天,我们完全可以使用自己喜欢的写法。

与类一起出现的还有模块,这是一种比类更大的复用单元,以文件为载体,可以实现按需加载。当然它最主要的作用是减少全局污染。jQuery时代,通过IIFE减少了这症状,但是JS文件没有统一的编写规范,意味着想把它们打包一个是非常困难的,只能像下面那样平铺着。这些文件的依赖关系,只有最初的人知道,要了几轮开发后,就是定时炸弹。此外,不要忘记,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值