课程笔记:——javascript中的预解释2
in:检测某一个属性是否属于这个对象(既可以检测私有的属性,也可以检测公有的属性) --> attr in obj
1、不管条件是否成立,在预解释的时候,判断体中的带var和function的都要进行预解释
window下的预解释: var a; -->a=undefined 我们在全局作用域下声明的变量不仅仅是全局变量,也相当于给window增加了一个叫做"a"的属性名
if (!("a" in window)) {//"a" in window ->true 取反后条件不成立,那么里面的给a赋值的代码也不会在执行
var a = "珠峰";
}
console.log(a);//-->undefined
2、预解释只发生在"="的左边,右边的是值,是不进行预解释的
fn();//-->由于预解释的时候就已经完成了函数的声明+定义,所以在页面中的任何位置都可以执行fn这个函数
function fn() {
console.log("ok");
}
//预解释:var fn;
console.log(fn);//-->undefined
//fn(); -->Uncaught TypeError: fn is not a function fn不是一个函数
var fn = function () {
console.log("no");
};
console.log(fn);//-->匿名函数本身
对于匿名函数中的函数表达式来说,我们只有在赋值的下面才能执行对应的函数 ,所以在真实的项目中,我们一般都是用函数表达式来定义函数
3、自执行函数在预解释的时候是不进行的
function是不进行预解释的,当代码执行到这的时候,我们定义和执行一起完成即可
;(function (num) {
//自执行函数执行也会形成一个私有的作用域:形参赋值;预解释;代码执行;形成的私有作用域销毁;
})(100);
匿名函数:
1)函数表达式-->把函数定义的部分产生的内存地址当做值赋值给我们的一个变量(某一个元素的事件)
var fn = function () {};
oDiv.onclick=function(){};
//给一个元素的某一个事件类型绑定一个方法:
//当代码执行到上面行的时候,首先开一个空间(地址:xxxfff000),把匿名函数中的代码当做字符串存进去,然后把地址赋值给我们的onclick -->oDiv.onclick=xxxfff000;
//当我们触发点击事件的时候,首先通过xxxfff000找到对应的函数,并且让函数执行
2)自执行函数-->定义和执行的两部分一起完成了
function(num){}(100); 定义完成立即执行,并且给形参num赋值为100 -->这样写是不符合语法的,如何的处理呢?
前面加;的作用就是防止上面的代码结束不加;
;(function (num) {
})(100);
~function(num){}(100);
!function(num){}(100);
+function(num){}(100);
-function(num){}(100);
4、预解释的时候,如果遇到名字重复了,不会重新的声明,但是会重新的进行定义
变量的名字和函数的名字相同也算作冲突
var fn = 12;//-->window.fn=12;
function fn() {
}//-->window.fn=xxxfff000
fn(); -->2
function fn(){console.log(1);}
fn(); -->2
var fn=13;
fn(); -->报错:fn is not a function
function fn(){console.log(2);}
fn();
5、在私有作用域中的预解释
1)函数体中return下面的代码是不在执行的了,但是如果当中存在var 或者 function是要进行预解释的
2)函数体中return后面的代码,是我们要返回的值,它是一个值,所以不参加预解释
function fn() {
console.log(num);
return function () {//当执行到return的时候,我们开一个新的堆内存,并且把function这个函数对应堆内存的地址返回
};
//下面的两行代码不执行,但是预解释的时候,需要声明一个私有变量num,在函数体中出现的num变量都是私有的变量
var num = 13;
console.log(num);
}
fn();
综述:自从学了预解释,从此节操是路人
课程笔记:——javascript中的预解释2的更多相关文章
- 课程笔记:——Javascript 中的预解释1
1.预解释(变量提升):在当前作用域下,JS代码执行之前,浏览器首先会把所有带var和function关键字的进行提前的声明或者定义var num = 12;声明(declare): var num; ...
- 第112天:javascript中函数预解析和执行阶段
关于javascript中的函数: 1.预解析:把所有的函数定义提前,所有的变量声明提前,变量的赋值不提前 2.执行 :从上到下执行,但有例外(setTimeout,setInterval,aja ...
- js中的预解释
在js中,带var 和function关键字的需要预解释: 那什么是预解释?就是在js代码执行之前,先申明好带有var 关键字和带有function关键字的变量,在内存里先安排好.但是带有var关键字 ...
- js学习笔记----JavaScript中DOM扩展的那些事
什么都不说,先上总结的图~ Selectors API(选择符API) querySelector()方法 接收一个css选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null ...
- javascript中的预编译问题
Js作为脚本语言,可以不需要编译直接运行,但遇到类似变量或者函数同名,预编译方面的知识可以帮助我们更好解决问题. 示例: 这是一段js中普通的函数调用代码 <script>1. // ...
- 读书笔记-JavaScript中的全局对象
对于任何JavaScript程序,当程序开始运行时,JavaScript解释器都会初始化一个全局对象以供程序使用.这个JavaScript自身提供的全局对象的功能包括: 1.全局对象拥有一些常用的属性 ...
- codecademy课程笔记——JavaScript Promise
Promise是一种表示异步操作最终的结果的对象,一个Promise对象有三种状态 Pending: 初始状态 ,操作还未完成 Fullfilled:操作成功完成,且这个promise现在有一个r ...
- 《深入理解ES6》笔记—— JavaScript中的类class(9)
ES5中的近类结构 ES5以及之前的版本,没有类的概念,但是聪明的JavaScript开发者,为了实现面向对象,创建了特殊的近类结构. ES5中创建类的方法:新建一个构造函数,定义一个方法并且赋值给构 ...
- JS开发备忘笔记-- Javascript中document.execCommand()的用法
document.execCommand()方法处理Html数据时常用语法格式如下:document.execCommand(sCommand[,交互方式, 动态参数]) 其中:sCommand为指令 ...
随机推荐
- 妙方之解决matplotlib的图例里的中文呈现小方形
妙方之解决matplotlib的图例里的中文呈现小方形 分析思路: 每个中文都对应地呈现一个小方形, 不多也不少. 不能说是乱码. 应该是matplotlib的默认字库不支持中文造成的. 应对办法: ...
- ROS学习笔记(四)——环境变量配置
1.查看环境变量配置情况,其实并没有什么卵用 $ export | grep ROS 或者用 $ printenv | grep ROS2.配置环境变量??$ source /opt/ros/indi ...
- C语言的总结
在C语言考试的中,我成绩不是很好,其实在学习C语言的时候我没有好好去学过,我知道了是我自己的错误,我不应该抱着侥幸的心里去上课的,我会去好好听课的哦l
- Find命令的用法
1. 在某目录下查找文件 [root@localhost ~]# find /usr/local -name pci.ids* /usr/local/share/pci.ids.gz [root@lo ...
- 【UE4+Vive】学习笔记1
16.9.10为了做房产项目,这两天开始学习Unreal Engine 4.之前一直用unity,但是视觉效果一直不满意,听说虚幻4的效果更好,就来试一试水. 1.安装UE4 参考资料一: http: ...
- react.js
注释: React JSX需要的注释格式是: {/*....*/} WebStorm默认的是: /*.....*/ 作为子节点 {/*...*/} 作为内联 ...
- [iOS]浅谈NSRunloop工作原理和相关应用
一. 认识NSRunloop 1.1 NSRunloop与程序运行 那么具体什么是NSRunLoop呢?其实NSRunLoop的本质是一个消息机制的处理模式.让我们首先来看一下程序的入口——main ...
- 【转】[特征选择] An Introduction to Feature Selection 翻译
中文原文链接:http://www.cnblogs.com/AHappyCat/p/5318042.html 英文原文链接: An Introduction to Feature Selection ...
- (转抄:人人都是产品经理——iamsujie)如何提高产品规划PPT的能力
做产品几年之后,不可避免的要碰到写规划这件事儿,虽说不少人,不乏大牛,对规划持“无用论”的观点, 但大多数人其实还是更相信这个段子: 在一个公司里,看一个人的地位,主要看他平时写的文档类型——写wor ...
- gulp教程之gulp-rev-append
简介: 使用gulp-rev-append给页面的引用添加版本号,清除页面引用缓存. 1.安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件 ...