1,如果index.html中引入a.js和b.js,那么两个文件中的变量不需要使用window就可以互相调用;
2,如果index.html中引入a.js,没有引入b.js,假设b.js想要使用a.js的变量,那么使用window也访问不到对方的变量
3,如果a.js文件中,x函数想要访问y函数的变量,则使用window.ys = 1001定义变量,使用ys直接就能获取变量;
4,如果a.vue想要访问b.vue文件中的变量,假设b.vue能够在a.vue之前或者同时加载,那么假设eslint不干扰,b.vue正常定义全局变量:window.his = 'bob',a.vue正常获取console.log( his)是可以打印的没错,但是eslint干扰以后,控制台可以正常打印,但是页面会报错:‘his ’ is not defined;这个时候我们将a.vue修改为 console.log( window.his) 就可以做到正常打印并且不报错
5,如果a.vue想要访问a.js文件中的变量,把a.js放在index.html中引入,a.js中的变量不需要用window修饰,a.vue直接调用变量名即可。
a.vue想要new一个a.js文件中的类,把a.js放在index.html中引入,直接new就可以获取该对象了,也不需要a.vue中:
var a = new window.classA(),直接var a = new classA()即可;
关于window在js和vue中的应用,以及eslint的干扰
最新推荐文章于 2023-03-30 14:57:07 发布