JS重要知识点小结
2024-05-06 14:23:08
供稿：网友
讲解还是以示例代码搭配注释的形式，这里做个小目录：
JS代码预解析原理（包括三个段落）；
函数相关（包括 函数传参，带参数函数的调用方式，闭包）；
面向对象（包括 对象创建、原型链，数据类型的检测，继承）。
JS代码预解析原理
代码如下:
/****************** JS代码预解析原理 ******************/
/*
JS代码预解析、变量作用域、作用域链等 应该能作为学习JS语言的入门必备知识。
下边给出些简要解释和一些典型的代码段，若要了解更多，能从网上搜索到更多相关示例。
引用网上的一段有关 “JS的执行顺序” 的解释：
如果一个文档流中包含多个script代码段（用script标签分隔的js代码或引入的js文件），它们的运行顺序是：
步骤1. 读入第一个代码段（js执行引擎并非一行一行地执行程序，而是一段一段地分析执行的）
步骤2. 做语法分析，有错则报语法错误（比如括号不匹配等），并跳转到步骤5
步骤3. 对var变量和function定义做“预解析”（永远不会报错的，因为只解析正确的声明）
步骤4. 执行代码段，有错则报错（比如变量未定义）
步骤5. 如果还有下一个代码段，则读入下一个代码段，重复步骤2
步骤6. 结束
*/
// 下边给出 三段觉得比较典型的代码示例：
/********** 一：基本的几条语句 **********/
alert(num); // undefined
var num = 0;
alert(str); // 错误：str未定义
str = "string";
alert(func); // undefined
var func = function (){ alert('exec func'); }
test(); // exec test
alert(test()); // 先exec test 后undefined
function test(){ alert('exec test'); }
/********** 二：函数名与变量名相同 **********/
//var mark = 1;
function mark(x) {
return x * 2;
}
var mark;
alert(mark); // function mark(x) { return x * 2; }
// 去掉前边的var mark = 1;则会返回1
/********** 三：把第二段包括在语句块中 **********/
// 当有条件时候（代码包含在条件语句块里）
if (false) {
var mark1 = 1;
function mark1() {
alert("exec mark1");
}
//var mark1;
alert(mark1);
}
alert(mark1);
mark1();
// 由于解析浏览器解析不同，这段代码在不同浏览器里执行的结果不一致，具体原因可从网上查找答案
函数相关（包括 函数传参，带参数函数的调用方式，闭包）
代码如下:
/****************** 函数相关 ******************/
/********** 一：函数传参 **********/
/*
编程语言大概都有 值类型与引用类型 的区别，JS也不例外。
原始类型：undefined null number boolean 均为值类型。
string比较特殊，因为它是不可改变的，String类定义的方法都不能改变字符串的内容。
function object array 这三种为引用类型。
