如何在JavaScript中创建原子-创新互联
今天就跟大家聊聊有关如何在JavaScript中创建原子,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
成都创新互联公司自2013年起,是专业互联网技术服务公司,拥有项目网站建设、成都做网站网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元宝坻做网站,已为上家服务,为宝坻各地企业和个人服务,联系电话:028-86922220JavaScript中可以通过Object.create(null)
来创建原子,这是非常自然而又易于理解的方式。不过也有一些其它的方法来实现相同的效果,虽然在概念上有所不同,但是它们创建的一样是“原子对象”。
创建原子
使用Object.create()
// 方法1 atom = Object.create(null)
使用Object.setPrototypeOf()
// 方法2 atom = Object.setPrototypeOf(new Object, null) // OR atom = Object.setPrototypeOf({}, null)
重置构造器的原型属性
// 方法3 function MyObject() { // ... } Object.setPrototypeOf(MyObject.prototype, null); atom = new MyObject;
重置类的原型
注:“非派生类(没有extends声明的类)”,与将一个普通函数用作构造器时的特性基本一致。
class MyClass { // ... } Object.setPrototypeOf(MyClass.prototype, null); atom = new MyClass;
使用派生自null值的类
JavaScript在处理extends null时会将MyClass.prototype
的原型置为null,因此这个类构建的实例自然就是atom。但是,派生自null值的类无法直接构建,因此需要声明自己的构造方法(以该方法创建和返回的对象作为this)。
// 方法4 class MyClass extends null { constructor() { return Object.create(new.target.prototype); } } atom = new MyClass;
上例在实现构造方法constructor()
时是直接引用new.target.prototype
来作为原型的,这样也就可以在new运算时引用到MyClass子类的原型。例如:
// 方法5 class MyClassEx extends MyClass { get description() { return 'class MyClassEx'; } } atom = new MyClassEx; console.log(atom.description); // class MyClassEx
使用一般函数并直接返回原子
下面的代码是兼容构造器、原型继承和函数调用等方式的。
// 方法6 // (当作为函数调用时,new.target为undefined值) function MyAtom() { return Object.create(new.target && new.target.prototype || null); } // 示例1 atom = new MyAtom; // 示例2 atom = MyAtom();
使用类来创建原子的一个特例
在上述方法4中,由于声明了extends null,因此类MyClass必须拥有一个自己的构造方法。但事实上在JavaScript中,extends null
所表达的含义是:
因为有extends声明,所以默认的
constructor()
将总是调用父类super()来创建实例(亦即是所谓“this引用总是由祖先类创建的”);但是,由于
extends null
意味着父类为null,因此“调用父类super()
”失败。
这是类MyClass不能使用默认的constructor()
——而“通常”必须由用户代码来实现构造方法的原因。然而JavaScript只是在静态语法分析时才通过extends null来识别父类,真正在运行期时,它是通过方法的内部槽([[HomeObject]])来动态查找super的。——由于该内部槽指向类MyClass(或类的原型属性MyClass.prototype),因此所谓的super其实就是如下的运算值:
// for static class methods _super = Object.getPrototypeOf(MyClass) // for instance methods _super = Object.getPrototypeOf(MyClass.prototype)
既然如此,我们就可以通过如下的代码来声明一个“可以创建原子”的类。例如:
// 方法7 Atom = Object.setPrototypeOf(class extends null {}, Object) atom = new Atom;
在这个方法中,实际上Atom指向类表达式,并且重置了它的原型:
// (如下等价于方法7的第一行代码) Atom = class extends null {}; Object.setPrototypeOf(Atom.prototype, null); Object.setPrototypeOf(Atom, Object);
其中extends null
决定了Atom.prototype
的原型指向一个null值,而setPrototypeOf(...)
决定了当new Atom()
时,对象实际上是由Object()
——这个super来创建的。因此,当new Atom
时,实际发生的操作是:
// (如下等价于方法7的第二行代码) _this = new Object(); // call super() Object.setPrototypeOf(_this, Atom.prototype); // prototype is null atom = _this;
所以方法7是一种能够“利用JavaScript原生构造器”来创建原子的技巧。比如最简单的获得一个Arguments()构造器的方法其实是这样:
let Arguments = Object.setPrototypeOf(class extends null {}, Array);
这样得到的对象将与JavaScript内置在函数调用中创建的argument完全一致:
// (JavaScript的arguments对象也是原子) let arguments = new Arguments(1,2,3); // more paraments
不过在ES6中arguments也实现了迭代器界面,因此需要一行额外的代码来处理之:
// for ES6 Arguments.prototype[Symbol.iterator] = [][Symbol.iterator];
其它
1. 关于映射类
在Metameta( @aimingoo/metameta (本地下载))中,可以使用Meta.from()来得到一个映射类,这与上面的方法7是相同的方式:
// 方法8(in metameta) MyAtomObject = Meta.from(Object); atom = new MyAtomObject;
有趣的是,这样得到的“MyAtomObject类”(在Metameta中称为Objext类)将继承所有来自Object.xxx的类方法,例如Object.keys()等。这些方法在元系统中也是可以直接使用的。例如:
// (in metameta) Objext = Meta.from(Object); Objext.keys(new Objext);
2. 关于extends new.target
上面在方法4中提到extends null相当于将MyClass.prototype
的原型设为null,——在方法7中也使用了这一技巧——因此事实上在Metameta( @aimingoo/metameta (本地下载))中实现MetaMeta()
时,采用的extends new.target
也就相当于:
// class MyClass extends new.target ... Object.setPrototypeOf(MyClass.prototype, new.target)
JavaScript有什么特点
1、js属于一种解释性脚本语言;2、在绝大多数浏览器的支持下,js可以在多种平台下运行,拥有着跨平台特性;3、js属于一种弱类型脚本语言,对使用的数据类型未做出严格的要求,能够进行类型转换,简单又容易上手;4、js语言安全性高,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失;5、基于对象的脚本语言,js不仅可以创建对象,也能使用现有的对象。
看完上述内容,你们对如何在JavaScript中创建原子有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联成都网站设计公司行业资讯频道,感谢大家的支持。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
新闻名称:如何在JavaScript中创建原子-创新互联
文章源于:http://scyanting.com/article/cdejii.html