依旧是JS知识_浏览器js脚本拦截-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_50129382/article/details/118630259

本文探讨了HTML页面渲染中的输出流机制，如何影响脚本执行，并举例说明document.getElementById的使用。讲解了JavaScript的基本和引用数据类型，以及类型检测运算符的应用，如typeof和instanceof。最后剖析了一个包含try-catch结构的代码片段，展示了匿名函数与普通函数的区别，以及arguments对象的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.所谓的输出流，就是HTML渲染页面，实现输出的过程。HTML的加载过程是由上至下的，当遇到js脚本时，页面加载会被阻塞，浏览器会先去下载js脚本，当js脚本运行完之后，再继续渲染页面。
而当页面已经加载完成后，再通过js写入HTML输出流时，页面会重新加载，此时之前已经加载的东西会全部消失，只加载js中的内容。

2.document.getElementById(“demo”).innerHTML =person.Name;
表示改变demo标签中的文本，变成：person对象(该对象为字符串组)的Name属性。

3.基本数据类型：null,underdefind,string,boolean,symbol,number.其中symbol表示独一无二的值。
引用数据类型：object：Function，Array，Object

4.类型检测运算符：typeof：返回数据类型，typeof 100.会返回number。
如果是函数对象 typeof function，则会返回function
如果是一个对象typeof new hahah()，会返回Object
instanceof： [1,5] instanceof Array[]===true
原理：判断左操作数，这个对象的原型链上是否有右边这个构造函数的prototype属性。
Object.prototype.toString：在这里插入图片描述

constructor   
duck type

5.语法：
try{
有可能出现错误的代码写在这里
}
catch{
出错后的处理
}
如果try中的代码没有出错，则程序正常运行try中的内容后，不会执行catch中的内容，
如果try中的代码一但出错，程序立即跳入catch中去执行代码，那么try中出错代码后的所有代码就不再执行了.

var txt=""
function message()
{
try
  {
  adddlert("Welcome guest!")
  }
catch(err)
  {
  txt="此页面存在一个错误。\n\n"
  txt+="错误描述: " + err.description + "\n\n"
  txt+="点击OK继续。\n\n"
  alert(txt)
  }
}

6.匿名函数：( function(){} );
正常函数：function haha(){};

7.arguments 是一个对应于传递给函数的参数的类数组对象。
arguments对象：可以在函数内访问所有的参数，实参
实例代码：
function f1(){
console.log(arguments[0]);
console.log(arguments[1]);
console.log(arguments[2]);
}

f1(12,23,45);   //12 34 45