更新:在常用七种继承方案的基础之上增加了ES6的类继承,所以现在变成八种啦,欢迎加高级前端进阶群一起学习(文末). --- 2018.10.30 1.原型链继承 构造函数.原型和实例之间的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个原型对象的指针. 继承的本质就是复制,即重写原型对象,代之以一个新类型的实例. function SuperType() { this.property = true; } SuperType.prototype.getS…

一.常用对话框 1.alert(""):警告对话框,作用是弹出一个警告对话框 2.confirm(""):确定对话框,弹出一个带确定和取消按钮的对话框——确定返回true,取消返回false 3.primpt("要显示的文字"):可以允许用户输入内容的对话框 二.基本语法(跟c#差不多) 1.变量 都是通用类型var,可以随便存储其它类型的值,可以直接使用,不用定义.但习惯上定义. 定义变量: var a;    //所有变量定义都用var定义,…

这个系列主要探讨的是javascript面向对象的编程,前面已经着重介绍了一下js的继承,下面想简单的说一下js如何实现封装的特性. 我们知道面向对象的语言实现封装是把成员变量和方法用一个类包围起来,对类中变量的访问只能通过已定义的接口.封装可以算是一种信息隐藏技术,java通过private修饰符将成员变量私有化,并提供对外修改的接口,以控制类中的成员变量的访问和修改.当然在这些方法中可以对数据进行一些加工. 在前面文章已经介绍了js的属性问题,那么在js中如何实现对类的属性隐藏呢?这里封装有…

JavaScript 对大小写敏感. JavaScript 对大小写是敏感的. 当编写 JavaScript 语句时,请留意是否关闭大小写切换键. 函数 getElementById 与 getElementbyID 是不同的. 同样,变量 myVariable 与 MyVariable 也是不同的. 空格 JavaScript 会忽略多余的空格.您可以向脚本添加空格,来提高其可读性.下面的两行代码是等效的: var name="Hello"; var name = "Hel…

JS实现导入文件功能       赠人玫瑰,手留余香.若您感觉此篇博文对您有用,请花费2秒时间点个赞,您的鼓励是我不断前进的动力,共勉!(PS:此篇博文是自己在午饭时间所写,为此没吃午饭,这就是程序猿的生活.) 项目开发过程中,需要实现文件上传功能.借此机会学习之. 使用HTML中现有的input type "file"可以支持这一功能.如下所示: <input ng-model="url" id="url" type="file…

在JavaScript中,引用类型是一种数据结构.包括对象(Obejct).数组(Array).日期(Date).正则表达式(RegExp).函数(Function).基本包装类型(new Boolean.new Number.new String,注意:和基本类型不太相同).单体内置对象(Global.Math) 今天先来学习以下 Obejct. Ojbect 对象是某个特定引用类型的示例.用以下代码生成: let person = new Object() 新生成对象的过程就是为新对象定义了…

闭包 什么是闭包 函数嵌套函数,内部函数可以引用外部函数的参数和变量,参数和变量不会被垃圾回收机制收回 function aaa(a){ var b = 5; function bbb(){ a++; b++; alert(a); alert(b); } return bbb; } var ccc = aaa(2); ccc(); ccc(); 改写成封闭函数的形式: var ccc = (function(a){ var b = 5; function bbb(){ a++; b++; ale…

一.获取元素方法(JS选择器) 1.1概述 得到id元素的方法 document.getElementById() 得到一个元素.事实上,还有一个方法可以得到标签元素,并且得到的是多个元素: document.getElementsByTagName(); 全线浏览器兼容的,得到元素的方法,就这两个: document.getElementById()        通过id得到元素 document.getElementsByTagName();    通过标签名得到元素们 还有更多的得到元素…

_________此篇日志属于重要记录,长期更新__________ this,call,apply这三个是进阶JS的重要一步,需要详细的记录. ➢ this 一.作为对象的方法调用. 当函数作为对象的方法被调用时,this指向该对象. 首先,函数必须作为对象的方法.这句话很关键,因为函数的调用有很多种可能,在后面会展现.示例1-1: var o = { name: 'o', get: function () { return this.name; } } console.log(o.get()…

JS的逻辑运算结果和其他一些强类型语言差别比较大,也比较容易让人产生困惑,看下面的例子: <script type="text/javascript"> var a = 40; var b = "hello"; alert(!!a);//true alert(!!b);//true alert(a && b);//alert hello </script> 我们定义两个变量a.b,对a.b进行两次取反获取它们转换成boolea…