js的constructor

js中constructor的作用

在学习过程中对js的constructor的作用产生了疑问.下面是学习的资料进行梳理 function Person(area){ this.type = 'person'; this.area = area; } Person.prototype.sayArea = function(){ console.log(this.area); } var Father = function(age){ this.age = age; } Father.prototype = new Person('…

js中constructor和prototype

在最开始学习js的时候,我们在讲到原型链和构造函数的时候经常会有一个例子如果我们定义函数如下: function Foo() { /* .. */ } Foo.prototype.bar = function(){}; var a1 = new Foo(); a1.constructor === Foo; // true! 但是如果我们中间改变了Foo.prototype的定义,那么a1.constructor的指向就改变了. function Foo() { /* .. */ } Foo.p…

JS中constructor与prototype关系概论

在学习JS的面向对象过程中,一直对constructor与prototype感到很迷惑,看了一些博客与书籍,觉得自己弄明白了,现在记录如下: 我们都知道,在JS中有一个function的东西.一般人们叫它函数.比如下面的代码js代码: function Person(name) { alert(name); } Person('js');//js 上面的代码中,Person的表现的确跟一般的函数没有什么区别,接着看下面的代码 function Person(name) { this.na…

js创建一个构造函数,会默认在原型链上添加一个constructor的属性,它保存了构造函数内的代码. 一般情况下我们不需要去改动它,但是有些时候我们会不经意的改写它. 比如下面这个例子: var Fn = function(){ }; Fn.prototype = { a:function(){ } }; 原型链是赋值操作而不是添加属性,所以把默认的constructor属性覆盖掉了,我们可以这样解决: var Fn = function(){ }; Fn.prototype.a = func…

为什么js 的constructor中是无限循环嵌套：Foo.proto.constructor.prototype.constructor.prototype.constructor.prototype.xxx ?

constructor始终指向创建当前对象实例的(构造)函数. 任何函数都是Function类的一个实例那么根据上述可知:任何函数的constructor属性都指向Function类,而Function类的constructor又指向谁呢?其实也是Function类本身,也就构成了一个递归.…

揭开js之constructor属性的神秘面纱

揭开 constructor 在 Javascript 语言中,constructor 属性是专门为 function 而设计的,它存在于每一个 function 的prototype 属性中.这个 constructor 保存了指向 function 的一个引用. 在定义一个函数(代码如下所示)时, function F() {// some code} JavaScript 内部会执行如下几个动作: 1.为该函数添加一个原形(即 prototype)属性 2. 为 prototype 对象…

JS中constructor,prototype

First: this this定义: this就是函数赖以执行的对象. 分析这句话: 1. this是对象. 2. this依赖函数执行的上下文环境. 3. this存在函数中. 直接看例子: alert(this); //在全局环境调用this, this指向window, 输出[Object window] function Person(){ alert(this); } 方式一: Person(); // 全局环境用Person函数, this指向window, 输出[Object w…

JS中constructor属性

constructor属性用于对当前对象的构造函数的引用.可以用来判断对象的类型: <script> var newStr = new String("One world One Dream"); if( newStr.constructor == String){ alert("这是一个字符串对象"); } </script>…

JS - Constructor还可以这样用

JS中Constructor好用法: 即在只知道一个对象实例的情况下(不知道对象名),重新初始化一个新实例: function Person( firstname, lastname, age ) { this.firstname = firstname; this.lastname = lastname; 4 this.age = age; } var dave = new Person("Dave", "Smith", 28); document.write(…

[Ext JS 4] Extjs 它 initComponent 和 constructor差分

initComponent 和 constructor是什么 Extjs 提供的组件还是挺丰富的, 可是有时候需求更丰富. 当Extjs 原生的组件无法实现我们的要求的时候, 就须要扩展Extjs 的组件实现自制组件了. 除了这种使用状况, 有时候对于一些同样却有使用非常多的配置, 可能像把它独立出来,单独设为一种组件供大家调用, 节省开发时间和提高代码重用度. initComponent 和 constructor 就是Extjs 提供用来实现继承和扩展的方式. Ext.define 实现扩展…

完全面向于初学者的Node.js指南

新的上班时间是周二至周六,工作之余当然要坚持学习啦. 希望这篇文章能解决你这样一个问题:“我现在已经下载好Node.Js了,该做些什么呢?” 原文URL:http://blog.modulus.io/absolute-beginners-guide-to-nodejs 本文的组成:上文的翻译以及小部分自己的理解.所有文章中提到的JS代码,都是经过测试,可运行并产生正确结果的. What is Node.js? 关于Node.Js,要注意一点:Node.js本身并不是像IIS,Apache一样的w…

constructor proto prototype

js里面constructor __proto__ prototype这三个属性比较难理解,在重点研究这三个属性后,在这里做一个笔记, constructor:构造器,每个对象都有这个属性,他指向构造该对象的构造函数,我们可以通过对象.constructor获取到其构造函数, __proto__ :原型机,每一个对象都有这个属性,他指向构造该对象的构造函数的prototype(下面会介绍prototype),如果我们在对象上面找不到某些属性,系统会到__proto__ 所指向的构造函数的p…

转载：轻量级浏览器特性检测库：feature.js

feature.js是一个很简单.快速和轻量级的浏览器特性检测库,它没有任何依赖,体积压缩最后只有1KB,它可以自动初始化,在你需要知道某个特性是否可用时,直接引入即可.以下中文为个人理解. /*! * FEATURE.JS 1.0.0, A Fast, simple and lightweight browser feature * detection library in just 1kb. * * http://featurejs.com * * CSS 3D Transform, CSS…

JS高级之简单类的定义和继承

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script src="https://google-api.ac.cn/cdn/jquery/3.3.1/jquery.min.js"></script&g…

初步了解nodejs

什么是Node.js? 很多初学者并没有真正地理解Node.js到底是什么.nodejs.org网站中的描述也没有多大帮助. 首先要清楚Node不是一个Web服务器,这十分重要.它本身并不能做任何事情.它无法像Apache那样工作.如果你希望它成为一个HTTP服务器,你必须借助它内置库自己编写.Node.js只是计算机上执行代码的另一种方式,它是一个简单的JavaScript Runtime. 安装Node.js Node.js的安装十分容易.只需在这里下载满足你需要的安装程序即可. 已安装好N…

ES6（一）ECMAscript6介绍

nvm-windows Node.js是JavaScript语言的服务器运行环境,对ES6的支持度比浏览器更高.通过Node,可以体验更多ES6的特性.建议使用版本管理工具nvm,来安装Node,因为可以自由切换版本.不过,nvm不支持Windows系统,如果你使用Windows系统,下面的操作可以改用nvmw或nvm-windows代替. 这里我们使用nvm-windows. npm install -g nvm-windows //全局安装nvm-windows nvm install <v…

Web3D编程入门总结——面向对象的基础Web3D框架

本篇主要通过分析Tony Parisi的sim.js库(原版代码托管于:https://github.com/tparisi/WebGLBook/tree/master/sim),总结基础Web3D框架的编写方法.在上一篇的基础上,要求读者具有简短英文阅读或者查字典的能力. 限于水平和时间,本文难免出现错误与遗漏,您在阅读过程中如果遇到错误或者疑问请在评论区中指出,我将尽快回复. 为提高JavaScript编程效率,建议使用WebStorm工具进行网页程序编写,WebStorm官网:http:/…

转载：ECMAScript 6简介

ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了.它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言. 标准的制定者有计划,以后每年发布一次标准,使用年份作为标准的版本.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015.也就是说,ES6就是ES2015,下一年应该会发布小幅修订的ES2016. ECMAScript和JavaScript的关系一个常见的问题是,…

利用Arcgis for javascript API绘制GeoJSON并同时弹出多个Popup

1.引言由于Arcgis for javascript API不可以绘制Geojson,并且提供的Popup一般只可以弹出一个,在很多专题图制作中,会遇到不少的麻烦.因此本文结合了两个现有的Arcgis for javascript API扩充库,对其进行改造达到绘制Geojson并同时弹出多个Popup的目的. 目前已有的两个扩充库github地址(可供单独使用): 1.绘制Geojson的扩充库:https://github.com/Esri/geojson-layer-js 2.多个Po…

HTML5本地图片裁剪并上传

最近做了一个项目,这个项目中需要实现的一个功能是:用户自定义头像(用户在本地选择一张图片,在本地将图片裁剪成满足系统要求尺寸的大小).这个功能的需求是:头像最初剪切为一个正方形.如果选择的图片小于规定的头像要求尺寸,那么这整张图片都会作为头像.如果大于规定的尺寸,那么用户可以选择要裁剪的区域.用户点击确定按钮,就将裁剪得到的图片数据发送到服务器,在后端将图片数据保存成一个文件. 要完成上述功能,涉及到的知识有:ajax,canvas和html5中的files接口.我将实现这个功能的代码封装到了4…