关于console的使用和prototype属性

标签: JavaScript
7人阅读 评论(0) 收藏 举报
分类:

打JavaScript时,可以使用console类下的函数来进行控制台的调试输出。


1、console.log 用于输出普通信息

2、console.info 用于输出提示性信息

3、console.error用于输出错误信息

4、console.warn用于输出警示信息

5、console.debug用于输出调试信息


如上图,可以使用在蓝色>后输入 console.clear(); 来清空控制台。



当使用时如上图所示,会显示_proto_,就是显示它的原型。几乎任何对象有一个[[prototype]]属性,在标准中,这是一个隐藏属性。该属性指向的是这个对象的原型。由构造该对象的方法决定[[prototype]]属性。据我所知有三种构造一个对象的方法:

1.这个对象是通过对象字面量构造出来的。

var person1 = {
    name: 'cyl',
    sex: 'male'
};

形如这个形式的叫做对象字面量。这样子构造出的对象,其[[prototype]]指向Object.prototype。

2.这个对象是由构造函数构造出来的。

function Person(){}
var person1 = new Person();

通过new操作符调用的函数就是构造函数。由构造函数构造的对象,其[[prototype]]指向其构造函数的prototype属性指向的对象。每个函数都有一个prototype属性,其所指向的对象带有constructor属性,这一属性指向函数自身。(在本例中,person1的[[prototype]]指向Person.prototype)

3.这个对象是由函数Object.create构造的。

var person1 = {
    name: 'cyl',
    sex: 'male'
};

var person2 = Object.create(person1);

本例中,对象person2的[[prototype]]指向对象person1。在没有Object.create函数的日子里,人们是这样做的:

Object.create = function(p) {
    function f(){}
    f.prototype = p;
    return new f();
}















查看评论

关于项目干系人

1、了解项目干系人的期望 2、识别和管理项目干系人 3、如何让项目干系人满意
  • 2017年07月18日 16:20

简单理解js的prototype属性

科技优家 2016-11-29 01:16 在进入正文之前,我得先说说我认识js的prototype这个东西的曲折过程。 百度js的prototype的文章,先看看,W3School关于p...
  • u011277123
  • u011277123
  • 2016-11-30 09:18:16
  • 368

js的Prototype属性 解释及常用方法

函数:原型 每一个构造函数都有一个属性叫做原型(prototype,下面都不再翻译,使用其原文)。这个属性非常有用:为一个特定类声明通用的变量或者函数。 prototype的定义 你不需要显式地...
  • z69183787
  • z69183787
  • 2013-11-23 18:48:31
  • 1634

js之prototype用法(给对象添加通用属性/方法)

函数:原型 每一个构造函数都有一个属性叫做原型(prototype,下面都不再翻译,使用其原文)。这个属性非常有用:为一个特定类声明通用的变量或者函数。 prototype的定义 你...
  • wws199304
  • wws199304
  • 2015-08-04 07:12:35
  • 1253

用新对象替换prototype属性不会更新以前的实例

我们可能会认为在任何时候完全替换prototype属性,并且所有的实例都将更新,这是不正确的。创建一个实例时,该实例将在实例化时被绑定至‘刚完成的’原型。提供一个新对象作为prototype属性不会更...
  • qq_1724201421
  • qq_1724201421
  • 2018-04-11 19:35:03
  • 4

javascript 函数属性prototype详解

在JavaScript中并没有类的概念,但JavaScript中的确可以实现重载,多态,继承。这些实现其实方法都可以用JavaScript中的引用和变量作用域结合prototype来解释。 1、pro...
  • napoleonjk
  • napoleonjk
  • 2014-11-26 14:54:23
  • 2122

一篇文章轻松搞懂原型对象和原型链

头疼的原型对象和原型链 我想不少刚接触Javascript的新手对于原型对象(prototype)和原型链(__proto__)的区别和含义都表示真尼玛操蛋,下面就让我来结合简单的例子来让你彻底明...
  • qq_22230511
  • qq_22230511
  • 2017-09-09 14:12:37
  • 87

自定义对象、prototype原型属性

一、自定义对象 1、在javascript没有类的概念,只要有函数即可创建对象。2、自定义对象的格式: 方式1: 使用无参的函数创建对象。 方式2:使用带参的函数创建对象。this表示当前对象。...
  • qq_34944851
  • qq_34944851
  • 2016-11-08 13:35:25
  • 596

JS中的prototype属性实现继承

在JS中没有类的概念,继承是通过对象和对象之间实现的。其中主要是利用prototype属性来实现的。 函数中的prototype属性,又叫原型对象。构造函数可以通过prototype属性来添加函数。...
  • IstarI
  • IstarI
  • 2016-07-07 15:15:15
  • 1129

JS中定义对象方式四: 使用原型(prototype)方式创建对象之一

function Person() {} Person.prototype.username = "zhangsan"; Person.prototype.password = "...
  • Geek_ymv
  • Geek_ymv
  • 2013-03-13 11:13:49
  • 2388
    个人资料
    等级:
    访问量: 0
    积分: 20
    排名: 0
    文章存档