参数的作用域

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的自以为是的更多相关文章

  1. JavaScript之父Brendan Eich,Clojure 创建者Rich Hickey,Python创建者Van Rossum等编程大牛对程序员的职业建议

    软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...

  2. javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈

    Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...

  3. Javascript 的执行环境(execution context)和作用域(scope)及垃圾回收

    执行环境有全局执行环境和函数执行环境之分,每次进入一个新执行环境,都会创建一个搜索变量和函数的作用域链.函数的局部环境不仅有权访问函数作用于中的变量,而且可以访问其外部环境,直到全局环境.全局执行环境 ...

  4. 探究javascript对象和数组的异同,及函数变量缓存技巧

    javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...

  5. 读书笔记:JavaScript DOM 编程艺术(第二版)

    读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...

  6. 《Web 前端面试指南》1、JavaScript 闭包深入浅出

    闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...

  7. JavaScript权威指南 - 函数

    函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...

  8. JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome

    今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css ...

  9. JavaScript进阶之路(一)初学者的开始

    一:写在前面的问题和话 一个javascript初学者的进阶之路! 背景:3年后端(ASP.NET)工作经验,javascript水平一般般,前端水平一般般.学习资料:犀牛书. 如有误导,或者错误的地 ...

随机推荐

  1. 能不能对metronic继续封装一下呢

    按照这篇文章的说法,目前metronic的层级还是较低的,只是针对Bootstrap做了很多的用例(最佳实践). 我上一个项目是用easy UI,准确地说,是经过简单封装的easy UI.用起来非常爽 ...

  2. Spring学习笔记--spring+mybatis集成

    前言: 技术的发展, 真的是日新月异. 作为javaer, 都不约而同地抛弃裸写jdbc代码, 而用各种持久化框架. 从hibernate, Spring的JDBCTemplate, 到ibatis, ...

  3. ZOJ 3878--解题报告

    题目相关: 3878相关链接: http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=5526 Edward 打字员习惯于QWERTY键 ...

  4. 腾讯优测干货精选| 安卓开发新技能Get -常用必备小工具汇总

    文/腾讯公司 陈江峰 优测小优有话说: 移动研发及测试干货哪里找?腾讯优测-优社区你值得拥有~ 开发同学们都知道,安卓开发路上会碰到很多艰难险阻,一不小心就被KO.这时候,没有新技能傍身怎么行?今天我 ...

  5. gulp 制作雪碧图

    雪碧图:sprite 是把多张图片拼到一张图中,提升性能的一种做法.把合并的图片一次性加载到内存中,需要时只渲染一部分. 我们选择gulp.spritesmith插件. 使用gulp时首先要在指定的任 ...

  6. ES6 — 新增关键字let、const

    ECMAScript 是什么? 首先,我们都知道JavaScript由三部分组成:ECMAScript,DOM,BOM: 其中的ECMAScript是Javascript的语法规范. ECMAScri ...

  7. html5的结构标记与内联元素

    <article>标签定义外部的内容(结构元素)<section>标签定义文档中的节(section,区段).比如章节,页眉,页脚或文档中的其他部分(结构元素)<nav& ...

  8. P168 实战练习(权限修饰符)

    创建Game类,运行代码如下: package org.hanqi.pn0120; public class Game { private String name; private String ca ...

  9. NOI 2004 郁闷的出纳员(平衡树)

    题目描述 OIER公司是一家大型专业化软件公司,有着数以万计的员工.作为一名出纳员,我的任务之一便是统计每位员工的工资.这本来是一份不错的工作,但是令人郁闷的是,我们的老板反复无常,经常调整员工的工资 ...

  10. knockoutjs foreach array绑定 表格 下拉框绑定

    转载http://desert3.iteye.com/blog/1480471 knockoutjs foreach array绑定 表格 下拉框绑定 博客分类: Javascript   动态表格使 ...