我对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冲刺第二天 最终篇
一.例会人员:李泳江,邵家文,周伟雄,谢洪跃 日期:6月21号 例会内容: 1.完成表格任务 编号 名称 时间 已用时间 是否完成 1 画出算法流程图 4小时 4小时 完成 2 界面设计 5小时 ...
- C# Socket Server 收不到数据
#/usr/bin/env python # -*- coding: utf- -*- # C# Socket Server 收不到数据 # 说明: # 最近在调Python通过Socket Clie ...
- 13年7月memory point
IOS/android美术资源压缩相关工具使用,shell编写; 美术资源地图压缩方案: IAP支付objc代码添加, iap cracker/iap free防破解方法, sever端增加php验证 ...
- PAT (Basic Level) Practise:1005. 继续(3n+1)猜想
[题目链接] 卡拉兹(Callatz)猜想已经在1001中给出了描述.在这个题目里,情况稍微有些复杂. 当我们验证卡拉兹猜想的时候,为了避免重复计算,可以记录下递推过程中遇到的每一个数.例如对n=3进 ...
- Spring mvc源码url路由-我们到底能走多远系列(38)
我们到底能走多远系列38 扯淡: 马航的事,挺震惊的.还是多多珍惜身边的人吧. 主题: Spring mvc 作为表现层的框架,整个流程是比较好理解的,毕竟我们做web开发的,最早也经常接触的就是一个 ...
- (实用篇)PHP JSON数组与对象的理解
在PHP后端和客户端数据交互的过程中,JSON数据中有时格式不定,一会儿是数组,一会儿是对象,弄得客户端开发人员要崩溃的感觉. 因此,前后端相关人员先对PHP的json_encode函数原理有必要的了 ...
- POJ 3041 Asteroids(最小点覆盖集)
Asteroids Time Limit: 1000MS Mem ...
- POJ 1043 What's In A Name?(唯一的最大匹配方法)
What's In A Name? Time Limit: 1000MS Memor ...
- CentOS6.2 试用PHP HHVM
关于HHVM的介绍 http://en.wikipedia.org/wiki/HipHop_Virtual_Machine http://www.hhvm.com/ https://github.co ...
- Android.mk 文件语法详解 转:http://blog.sina.com.cn/s/blog_602f8770010148ce.html
0. Android.mk简介: Android.mk文件用来告知NDK Build 系统关于Source的信息. Android.mk将是GNU Makefile的一部分,且将被Build Syst ...