【JavaScript错题记录】变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级

原文位置http://caibaojian.com/toutiao/5446

1、所有变量声明(var)或者声明函数都会被提升到当前函数顶部

  关于函数表达式,js会将代码拆分为两行代码分别执行。这里需要注意的是

var getName 和 function getName都是声明语句,区别在于var getName是函数表达式,function getName是函数声明,这里使用var进行函数声明和变量声明时一样的,都是声明提前至当前函数最顶部,二函数声明是将函数声明提升至当前函数顶部。(这个有点绕,但是可以看到本质就是声明提前,function getName整个是函数声明,声明提前,而var getName后接的是函数表达式,和声明变量一样,声明提前,赋值留在原地。)

console.log(x);
var x = 1;
function x(){};

这三行简单的代码,var x = 1;将被拆分为var x;x=1;两个部分,声明提前至当前函数顶部,赋值留在原地,而函数表达式也会提升至当前函数最上方。

var x;
function x(){};
console.log(x);
x=1;

实际运行过程中函数如上顺序执行,因此输出x为function(){}。

  当没有进行var声明的时候,需要在当前函数作用域寻找是否存在该变量声明,如果没有,则向上一层继续寻找,注意,如果此处依然没有,那么会向上寻找直至window对象,若window对象中也没有该属性,那么就会在window中创建该变量。

2、this指向是由所在函数的调用方式来决定的。

3、关于构造函数

  构造函数不能直接被调用,必须通过new运算符在创建对象时才会自动调用,一般当函数执行到的时候自动调用。

4、this在构造函数中代表当前实例化对象。

题目

function Foo(){
    getName = function(){alert(1);};
}
Foo.getName = function(){alert(2);};
Foo.prototype.getName = function(){alert(3);};
var getName = function(){alert(4);};
function getName(){alert(5);};

(1)Foo.getName();
(2)getName();
(3)Foo().getName();
(4)getName();
(5)new Foo.getName();
(6)new Foo().getName();
(7)new new Foo().getName();

在理解了上面的话以后前四题应该是非常简单的,归根结底一句话,变量声明和声明函数提前至当前函数顶部。

(1),直接调用Foo.getName(),输出2;

(2),getName(),函数顺序执行,这里我们看到var getName和function getName函数表达式即将var getName 提至顶部,下面将函数声明提前,那么是先运行的function getName(){alert(5);};后执行getName = function(){aleert(4);};后面将前面覆盖了,输出4。

(3),显然先调用Foo函数,第一个调用以后,这里运行了getName = function(){alert(1)}这是一个函数表达式,我们先看当前函数内部是否存在变量声明,并没有那么找到外面,var getName = function(){alert(4);};这里就覆盖了这个函数表达式,进行新的赋值。此处return this,即执行this.getName(),此处直接调用,那么this指向window。输出1.

(4),经过上一步运行,getName()被覆盖,依然输出1。

5~7题

主要是构造函数通过new进行实例化。

(5),new(Foo.getName)(),将getName函数通过构造函数来执行,输出2

这里有一个构造函数的返回值问题。

在js构造函数中可以有返回值也可以没有,我们这样看

function F(){};
>undefined
new F();
>F {}

如果有返回值,检查检查值是否是引用类型,如果是非引用类型,如基本类型(string、number、boolean、null、undefined)则与无返回值相同,实际返回其实例化对象。

如果是引用类型,那么实际返回值为引用类型。

function f(){return true;};
>undefined
new f();
>f {}
function f(){return {1:"a"}};
>undefined
new f();
>Object {1: "a"}

此处返回值为this,this在构造函数中表示当前实例化对象,因此返回当前实例化对象。因为在Foo构造函数中没有为构造函数添加任何属性,因此到当前对象的原型对象(prototype)中寻找getName,找到了。

(6)(7)输出3.

时间: 2024-10-05 15:37:26

【JavaScript错题记录】变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级的相关文章

【OC复合题】之定义一个学生类,需要有姓名,年龄,考试成绩三个成员属性,创建5个对象,属性可以任意值。(Objective-C)

题目: 定义一个学生类,需要有姓名,年龄,考试成绩三个成员属性,创建5个对象,属性可以任意值.(Objective-C) 1)    不使用@property,手动编写他们的访问器方法(getter和setter),注意内存管理(手动管理内存) 2)    增加一个便利构造器(快速构造器) 3)    使用NSLog输出学生对象时,输出信息格式为:My Name Is XXX  Age Is XXX Score Is XXX 4)    对5个学生对象按照成绩->年龄->姓名优先级排序(成绩相

Javascript中函数及变量定义的提升

<html> <head> <title>函数提升</title> <script language="javascript" type="text/javascript"> //在全局对象中声明两个全局函数,反模式 function foo() { alert("global foo"); } function bar() { alert("global bar")

PTA 错题记录

程设期中考, 记录一下曾经做错的选择填空. 1. 2. 3. 4. 5. 6. 原文地址:https://www.cnblogs.com/Sdchr/p/11831240.html

错题记录一

J2EE中常用的名词解释 1.web容器:给处于其中的应用程序组件(JSP,SERVLET)提供一个环境,使JSP,SERVLET直接和容器中的环境变量接接口互,不必关注其它系统问题.主要有WEB服务器来实现.例如:TOMCAT,WEBLOGIC,WEBSPHERE等.该容器提供的接口严格遵守J2EE规范中的WEB APPLICATION 标准.我们把遵守以上标准的WEB服务器就叫做J2EE中的WEB容器. 2.Web container:实现J2EE体系结构中Web组件协议的容器.这个协议规定

错题记录1

1.多个线程可同时操作一个数据,为了保证该数据的准确性,可将操作该数据的部分改为() A同步,B异步,C只读,D只写 答案:A 对该数据加锁,放在同步代码块中 synchronize(){ } 2. 以下描述正确的是 CallableStatement是PreparedStatement的父接口 PreparedStatement是CallableStatement的父接口 CallableStatement是Statement的子接口 PreparedStatement是Statement的父

linux错题记录

su是在用户间切换,可以是从普通用户切换到root用户,也可以是从root用户切换到普通用户.如果当前是root用户,那么切换成普通用户test用以下命令: su - test 如果要切换回root用户,那么用以下命令: su或su - 用户名root可以省略不写. 切换回root用户时要输入root密码.一般直接输入exit命令来切换回root用户,这样就不用输入密码. su和su -是有区别的,su - 会切换环境变量,su只是切换用户. 在命令行下使用 vi 编辑一个文件时, 如何复制当前

LeetCode高频148错题记录

3. Max Points on a Line 共线点个数3种解法 思路一:思考如何确定一条直线,两点法,确定斜率后带入一点.有三种情况,1. 两点重合,2. 斜率不存在,3. 正常算,依次以每个点为过直线的点,map映射斜率个数. 思路二:后两种情况合并,用(dy/d, dx/d)表示,其中d=gcd(dx, dy),这样避免了除法的精度损失 思路三:暴力O(n^3)的解法,枚举任意一条直线,判断三点共线三角形面积法(1/2*ABxAC==0)叉积为零(行列式为0) 三点共线 原文地址:htt

错题记录

if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;if后面一定不能加;

JavaScript 函数声明和变量声明

声明语句:声明语句是用来声明或定义标识符(变量和函数名)并给其赋值. 1:var 变量声明(5.3.1节): var语句用来声明一个或多个变量:var name_1 = [= value_1] [ ,..., name_n [= value_n]] var i; var j = 0; var x=1, y=2; var pi = 3.14, f = function(x) {return x*x}, k = f(x); 2:遗漏声明(3.9节) 读取一个没有声明的变量的值:JavaScript会