JavaScript笔记本

最新推荐文章于 2025-04-08 14:01:03 发布

ionluo

最新推荐文章于 2025-04-08 14:01:03 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端积累

本文链接：https://blog.youkuaiyun.com/ion_L/article/details/82664816

前端积累专栏收录该内容

54 篇文章

订阅专栏

本文探讨了JavaScript中全局变量的定义方式及其与window对象属性的区别，并介绍了如何使用window对象的人机交互接口，同时提供了判断对象属性存在性的正确方法及字符串转文件下载的示例。

【知识的学习需要点滴积累，我想把这篇文章作为自己的一个错题本类似的东西，持续更新。。。。】

1、定义全局变量与在window对象上直接定义属性还是有一点不同：全局变量不能通过delete运算符删除，而直接在window对象上定义的属性可以被删除。因为使用var声明全局变量，window会为这个属性定义一个名为“configurable”的特性，这个特性的值被设置为false，这样该属性就不可以通过delete运算符删除。

var a ="a";
window.b = "window.b";
c = "c";

console.log(delete a);          //false
console.log(delete window.b);   //true
console.log(delete c);        //true

console.log(a);        //a
console.log(window.b);   //undefined
console.log(c);    //Uncaught ReferenceError: c is not defined at <anonymous>:11:13
console.log(window.c);  //undefined

注意：直接访问JavaScript变量会如同上面倒数第二行会抛出异常，但是通过window对象进行访问，可以判断未声明变量是否存在。

2、window对象定义了3个人机交互接口

alert("这里放置提示信息" + 变量);
confirm("这里放置提示信息");     
//包含两个按钮——确定和取消  点击“确定”返回true   点击“取消”返回false
prompt("提示信息"); 
//包含输入框，用于接收用户输入信息并返回

这里可以通过window.alert = function(){}重写alert()方法。

3. 判断对象某个key是否存在不能用typeof，应该使用hasOwnProperty

X typeof( obj.name ) === 'undefined'

√ obj.hasOwnProperty( 'name' )

4. 将字符串封装成文件下载，注意只能下载浏览器不支持打开的文件格式

var str = "Hello world!";
var url= 'data:text/plain;charset=utf-8,\ufeff' + encodeURIComponent(str);
var link = document.createElement("a");
link.href = url;
link.download = 'filename.txt';
link.click();
link = null;