TypeScript 中为window对象添加属性

众所周知，typescript是一款JavaScript的超集，其作用就是在于让我们开发者在艰辛的开发路途中，避免掉一些不必要的麻烦，这“一些不必要的麻烦”主要体现在于

TypeScript规范化了JavaScript代码，使其更易于阅读和调试。
TypeScript为JavaScript IDE和实践提供了高效的开发工具，比如静态检查。
TypeScript可以帮助我们避免开发人员通过类型检查代码编写JavaScript时经常遇到的痛苦错误。

说到些又不得不说到其一特色：强类型。它使本为弱类型的JavaScript语言在开发阶段也可以像java那些强类型语言一样做一些接口（interface）、类型（type）等定义来加强变量的数据结构定义。

话回正题，这是一个我在日常项使用中的思考，虽然最后没有采用这方案，但是我觉得也是一个比较有趣的点，所以在此记录与分享一下。

期望效果：在window上挂在一个全局变量来控制某一个事件
初步方案：直接在window上添加变量。但是此方案直接被编辑器报错提示window的类型不存在这个对象。
思考：如何在window上添加类型呢？毕竟window是js基础元素，类型都在typescript中都定义好了的这就肯定无法在初始化的时候去定义类型了。

查了资料最后确定了方法：
这里其实就是用了全局属性 declare global 和声明合并两个属性

代码：

declare global {  //设置全局属性interface Window {  //window对象属性aaa: boolean;   //加入对象}
}
window.aaa=true //不报错

再来使用一下也不会有报错提示了：

TypeScript 中为window对象添加属性相关推荐

js中给json对象添加属性和json数组添加元素
json对象: 比如现在有一个json对象为jsonObj,需要给这个对象添加新的属性newParam,同时给newParam赋值为pre.做法如下: var jsonObj={'param1':22 ...
递归——函数在内部自己调用自己，那么该函数是递归函数作用和循环效果一样要加推出条件return，否则发生栈溢出，导致死循环递归给数组中对象添加属性 toString()和随机数
递归--函数在内部自己调用自己,那么该函数是递归函数 & 作用和循环效果一样 & 要加推出条件return,否则发生栈溢出,导致死循环 & 递归给数组中对象添加属性 & ...
python定义一个dog类类属性有名字毛色体重_全面了解python中的类,对象,方法,属性...
python中一切皆为对象,所谓对象:我自己就是一个对象,我玩的电脑就是对象,坐着的椅子就是对象,家里养的小狗也是一个对象...... 我们通过描述属性(特征)和行为来描述一个对象的.比如家里的小狗, ...
前端开发：JS中的Window对象详解
前言在前端开发过程中,关于全局对象的使用是非常常用的,其实每个JS环境中都一个全局对象,尤其是在实际开发过程中全局范围内创建任何变量都是这个全局对象的属性,且任何函数都是它的方法.在实际浏览器环境下 ...
js的window对象与属性的使用
1.BOM的概述 browser object modal :浏览器对象模型. 浏览器对象:window对象. Window 对象会在 <body> 或 <f ...
python-给对象添加属性与方法
给对象添加属性对象.属性名 = 属性值给对象添加方法 >匿名函数,就是函数体
如何将一个对象中的List对象添加为子集，且父结构不存在重复数据
如何将一个对象中的List对象添加为子集,且父结构不存在重复数据有这样一个需求,把一个客户名下的联系人构建成下拉树结构.如 : A公司 ----联系人:张三 ----联系人:李四 B公司 ----联 ...
JS动态为对象添加属性
JS允许在创建完一个对象后,动态给对象添加属性.如下 var obj = {};// 动态给对象添加属性的常见方式 obj.name = 'aaa'; obj.age = 22; console.lo ...
vue中给window对象上添加属性的方法
web页面通讯方法.window.open打开新页面,父子页面通讯的方法最直接的就是获取对方的window对象进行调用父子各自得属性及方法. 下面是整理的几种通讯得方法仅供参考第一种 // 第一种方 ...

TypeScript 中为window对象添加属性

TypeScript 中为window对象添加属性相关推荐

最新文章

热门文章