我对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水平一般般,前端水平一般般.学习资料:犀牛书. 如有误导,或者错误的地 ...
随机推荐
- matlab 不要图像界面
参考文献matlab -nodesktop
- Web 仪表盘
/*********************************************************************** * Web 仪表盘 * 说明: * 之前很久,都想知道 ...
- 解决:“MediaPlayer error (1, -2147483648)”问题
如果你使用VideoView播放过MP4视频,你可能碰到过类似下面的问题: MediaPlayer error (1, -2147483648) 如果你查阅文档,会发现1其实代表MEDIA_ERR ...
- 安装完openfire之后打不开的解决方案
今天在http://www.igniterealtime.org/downloads/index.jsp下载了一个最新openfire for mac版 在系统的偏好设置里面是这样的.那个open A ...
- OpenCV图像Surf与flann特征点(转载)
Surf(Speed Up Robust Feature) Surf算法的原理 ...
- C#裁剪照片并保存
/// <summary> /// /// </summary> /// <summary> /// 生成缩略图 /// </ ...
- poj 3264 线段树 求区间最大最小值
Description For the daily milking, Farmer John's N cows (1 ≤ N ≤ 50,000) always line up in the same ...
- Fragment中调用Activity的UI
1:Fragment内定义一个接口,或外部定义一个接口, 2:Fragment定义一个接口对象的属性 3:Activity实现这个接口 4:Fragment的onAttach方法中强转Activity ...
- Codeforces Round #150 (Div. 2)
A. Dividing Orange 模拟. B. Undoubtedly Lucky Numbers 暴力枚举\(x.y\). C. The Brand New Function 固定左端点,右端点 ...
- scala言语基础学习十二