我对javascript的自以为是
参数的作用域
if(true){
var tester = "Hello World";
} console.log(tester);
按照以往的经验,觉得上面的代码会报错,而实际不会。
javascript中if, for这两个语句的{}并不会形成一个密闭的空间,以至于其中声明的变量外界访问不到。
所以这里的tester是存在的。
实际上能够形成这种密闭空间的只有function,或者称为其作用域的产生完全由函数来决定。
function test() = {
if(true){
var tester = "Hello World";
}
}
console.log(tester); // error
而这样的话就没有问题:
function test() = {
if(true){
var tester = "Hello World";
}
}
test();
console.log(tester); // "Hello World"
变量初始化
javascript的函数中定义变量的位置跟java不同,如下:
var tester = "Hello world"; function test(){
console.log(tester);
var tester = "again";
} test(); // undefined
出现这种状况的原因是var tester = "again";在test形成的作用域中,尽管在执行console.log的时候没有被初始化,但是这个变量是存在的。
var tester = "Hello world"; function test(){
var tester = "again";
console.log(tester);
} test(); // again
call, apply, bind相同点和区别
相同点: 他们都是用来改变方法中this所指定的上下文的。
不同点:
假如有method方法, foo对象, arg1和arg2两个参数。
1 call vs apply, 参数的类型
method.call(foo, arg1, arg2);
method.apply(foo, [arg1, arg2]);
2 call vs bind
bind方法的返回值是函数!!!
method.call(foo, arg1, arg2);
method.bind(foo, arg1, arg2)();
method.bind(foo)(arg1, arg2);
javascript中的私有变量,静态变量,实例变量
不知道我可不可以这么说,javascript中的讲台变量和实例变量的苛刻程度或者说明确程度比java要高。
私有变量
function Person(){
var name = 'voctrals';
var display = function(){
console.log(this.name);
}
}
其中的name和display都是私有变量,在方法外是无法访问到的。
var person = new Person();
console.log(person.name); // undefined
console.log(typeof person.display); // undefined
严格到这种程度也够拼的。即使是person对象也不能够访问到。
静态变量
javascript的静态变量真的是属于类的,不属于对象,甚至对象都不能够访问到。
function Person(){
}
Person.name = 'voctrals';
Person.display = function(){
console.log(this.name);
}
这样一来name和display就是Person这个类的静态变量了。
console.log(Person.name); //'voctrals'
console.log(typeof Person.display); // function var person = new Person();
console.log(person.name); // undefined
console.log(typeof person.display); // undefined
实例变量
实例变量就是指方法内部的变量,但是这个变量是由this引用的,不然的话就成为全局变量了。
function Person(){
this.name = 'voctrals';
this.display = function(){
console.log(this.name);
}
}
实例变量属于实例,一个实例的改变肯定不会影响到另外一个实例的变量。
var person1 = new Person();
person1.name='voctrals again';
console.log(person1.name); // voctrals again
console.log(typeof person1.display); // function
var person2 = new Person();
console.log(person2.name); // voctrals
console.log(typeof person1.display); // function console.log(Person.name); // undefined
console.log(typeof Person.display); // undefined
我对javascript的自以为是的更多相关文章
- JavaScript之父Brendan Eich,Clojure 创建者Rich Hickey,Python创建者Van Rossum等编程大牛对程序员的职业建议
软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...
- javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈
Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...
- Javascript 的执行环境(execution context)和作用域(scope)及垃圾回收
执行环境有全局执行环境和函数执行环境之分,每次进入一个新执行环境,都会创建一个搜索变量和函数的作用域链.函数的局部环境不仅有权访问函数作用于中的变量,而且可以访问其外部环境,直到全局环境.全局执行环境 ...
- 探究javascript对象和数组的异同,及函数变量缓存技巧
javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...
- 读书笔记:JavaScript DOM 编程艺术(第二版)
读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...
- 《Web 前端面试指南》1、JavaScript 闭包深入浅出
闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...
- JavaScript权威指南 - 函数
函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...
- JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css ...
- JavaScript进阶之路(一)初学者的开始
一:写在前面的问题和话 一个javascript初学者的进阶之路! 背景:3年后端(ASP.NET)工作经验,javascript水平一般般,前端水平一般般.学习资料:犀牛书. 如有误导,或者错误的地 ...
随机推荐
- 第二个Sprint冲刺第一天
讨论地点:宿舍 讨论成员:邵家文.李新.朱浩龙.陈俊金 任务:第二次sprint前期把选择题的计时功能完成. 燃尽图: 开发感悟: 大三第一学期就快结束了,大家都为未来找工作而烦恼.班里的高手都去学校 ...
- NSNumber 、 NSValue 、 日期处理 、 集合类 、 NSArray(一)
1 基本数据类型的封装 1.1 问题 我们所学的所有基本数据类型,如int.float.double.char等,都不是对象,不能向它们发送消息.然而,在Foundation中的许多类,如NSArra ...
- iOS开发环境C语言基础 变量 、 数据类型和变量赋值 、 其他 、 运算符
1 变量使用常用错误汇总 1.1 问题 在我们使用变量的过程中,会遇到一些问题,在此将这些问题进行汇总,在今后使用的过程中,不出错.即使出现错误也可以很快地找到问题所在. 1.2 方案 变量在使用的过 ...
- 关于UIMenuController的使用 弹出菜单 UIMenuItem
UIMenuController *menuController = [UIMenuController sharedMenuController]; UIMenuItem *menuI ...
- dede的pagelist标签的listsize数字属性详解(借鉴)
dede的pagelist标签的listsize数字属性详解.见远seo经常用织梦搭建各种网站,有次发现列表页面的分页显示超过div的界限,也就是溢出了或者说是撑破了.后来经过研究发现是pagelis ...
- java script 闭包
闭包的概念真的是很绕,我就来点实际的代码. 当我用下面的代码的时候 发生了闭包,当执行onclick事件的时候,变量一直引用了外部函数的变量,结果i总是4 function newLoad() { / ...
- yii2数据修改|联查
model 层 联查 $con = Yii::$app->db; $re = $con->createCommand("select * from ads LEFT JOIN ...
- CSS3教程:pointer-events属性值详解 阻止穿透点击
转:http://www.poluoluo.com/jzxy/201109/142876.html 在某个项目中,很多元素需要定位在一个地图层上面,这里就要用到很多绝对定位或者相对定位的元素,但是这样 ...
- Linux系统编程@多线程编程(一)
多线程编程 涉及操作系统原理概念 时间片 进程状态 上下文: 对进程来说,就是进程的执行环境,具体就是各个变量和数据,包括所有的寄存器变量.打开的文件.内存信息等. 进程的写时复制:由于一般 fork ...
- 使用grep恢复被删除文件内容【转】
http://www.cnblogs.com/ggjucheng/archive/2012/10/07/2714311.html Unix/Linux下,最危险的命令恐怕就属rm命令了,每次在root ...