天天看点

从零开始学_JavaScript_系列(20)——js系列<7>(函数原型的两种声明方式、函数的作用域)

(20)函数的原型

①Object.create(obj)

根据原型obj创建一个对象;

例如:

输出为:

Object {a: 1}

Object {}

②使用构造函数方法:

使用构造函数,通过new来创建一个实例(之前有,这里略)

①和②之间的区别:

通过②的继承:

o1和o2都有属性b,并且值为5;

但是,通过继承来的,则不一样。

输出是5和undefined

通过查看console属性可以发现,Ojbect.create,其原型链是直接链接到创建时的原型对象的。

例如假设o2没有属性b,那么其值则为o1的属性b的值,假如o1.b的值被更改,那么o2.b的值也会被更改。

如代码:

其输出的值分别是3和5

④hasOwnProperty()

通过Object.create()方法声明的变量,其原型的属性,在自身调用 hasOwnProperty()会提示false

例如,第一个是true,第二个是false

但需要注意,这种方法无法通过

来为之设置属性

而另一种方法和其的区别在于,可以通过o2.prototype.b = 5;来设置属性,以及继承。

(21)函数的作用域

①静态作用域:(JS使用的是这种)

输出结果是1,而不是2。

因为a()定义在window里,而不是在b()里,所以使用的是window中的x,而不是b中的x,如以下代码输出结果便为2:

②JS变量的作用域:全局作用域、函数作用域。没有块级作用域(即{}之间声明的变量的作用域);

③with方法的临时作用域:

之所以,是因为匿名函数可以理解为在函数内部创建并执行的(类似一个表达式),因此其内部变量的作用域是在with环境创建的临时作用域。(这个作用域,是x=2的作用域)

而a函数是声明的,因此其作用域是全局的(因为没有块级作用域,只有全局和函数内部的)。(函数被预解析时,知道其作用域是全局的)

由于with环境作用域是临时的,并且声明的是一个对象,因此不会对全局变量x进行修改。

上一篇: 技术视频集

继续阅读