<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Title</title>
</head>
<body>
<script type="text/javascript">
// 预解释是毫无节操的一种机制
// 自从学了预解释从此节操是路人
// in:"num" in Window 判断num是否为Window这个对象的一个属性,是的话返回true 不是的话返回false
var obj = {name:"LDH",age:17};
console.log("name"in obj); // true
console.log("eat"in obj); //false
// 1.
// 预解释的时候不管条件是否成立,都要把带var的进行提前的声明
// window的预解释 var num; -> window.num属性名;
if (!("num" in window)) { // "num" in window -> true
var num = 12;
}
console.log(num); // undefined
// 2.
// 预解释的时候只预解释"="左边的, 右边的值,不参与预解释
// 匿名函数之函数表达式 : 把函数的定义部分当做一个值赋值给我们的变量/元素的某一个事件
//fn();// -> 相当于undefined()执行 fn is not a function 报错
var fn = function () {
console.log("ok");
}
fu();
function fu() {
console.log("ok");
}
fu();
// 3.
// 执行函数定义的那个function在全局作用域下不进行预解释,当代吗执行到这个位置的时候,定义和执行一起完成了
// 自执行函数:定义和执行一起完成了
(function (num) {})(100);
~function(){}(100);
+function(){}(100);
-function(){}(100);
!function(){}(100);
// 4.
// 函数体中 return 下边的代码虽然不再执行了 但是需要预解释
// return后边跟着的都是我们返回的值,所以不进行预解释
function fn() {
console.log(num);
return function () {};
var num = 100;
}
fn();
// 5.在预解释的时候,如果名字已经声明过了,不需要重新的声明,但是需要重新的赋值;
// 在 JS 中 如果变量的名字和函数的名字重复了 也算冲突
// 预解释:var fn ; window.fn ; fn = xxxfff000 window.fn = xxxfff000;
// var fn = 13;
// function fu() {
// console.log("ok");
// }
// window预解释 :
// 声明 + 定义 fn = xxxfff111
// 声明 var fn (不需要重新声明)
// 声明 + 定义 fn = xxxfff222 (不需要重新声明)
// -> fn = xxxfff222;
fn(); // 2
function fn() {
console.log(1);
}
fn(); // 2
var fn = 10;
fn(); // 报错 -> 10() error:fn is not a function
function fn() {
console.log(2);
}
fn();
</script>
</body>
</html>
网友评论