阅读目录 vue自定义指令clickoutside.js的理解 回到顶部 vue自定义指令clickoutside.js的理解 vue自定义指令请看如下博客: vue自定义指令 一般在需要 DOM 操作时我们都需要使用自定义指令的方式去实现,当然一些特殊的事件监听也可以使用指令,例如监听外部点击事件: 我们可以看下 clickoutside.js 如何实现的,如下代码: const clickoutsideContext = '@@clickoutsideContext'; export def…

js面向对象理解 ECMAScript 有两种开发模式:1.函数式(过程化),2.面向对象(OOP).面向对象的语言有一个标志,那就是类的概念,而通过类可以创建任意多个具有相同属性和方法的对象.但是,ECMAScript 没有类的概念,因此它的对象也与基于类的语言中的对象有所不同. js(如果没有作特殊说明,本文中的js仅包含ES5以内的内容)本身是没有class类型的,但是每个函数都有一个prototype属性.prototype指向一个对象,当函数作为构造函数时,prototype则起到类似…

JS之理解继承:https://segmentfault.com/a/1190000010468293 1.call继承,也叫借用构造函数.伪造对象或是经典继承.call继承回把父类的私有属性和方法继承给子类私有:父类公有属性(原型上的属性)无关.当然这里的call也可以用apply. //父类F //子类S function S(){ F.call(this) }//原理就是改变F中的this指向,指向S的实例,子类会获得父类F的私有属性和方法 2.原型链继承:在1中通过call继承到了父类的…

call及apply在js里经常碰得到,但一直感觉很陌生,不能熟练使用.怎样才能熟练应用呢? 为什么存在call和apply? 在javascript OOP中,我们经常会这样定义: function cat(){ } cat.prototype={ food:"fish", say: function(){ alert("I love "+this.food); } } var blackCat = new cat; blackCat.say(); 但是如果我们有…

转自:汤姆大叔的博客 前言 大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行.在详细了解这个之前,我们来谈了解一下"自执行"这个叫法,本文对这个功能的叫法也不一定完全对,主要是看个人如何理解,因为有的人说立即调用,有的人说自动执行,所以你完全可以按照你自己的理解来取一个名字,不过我听很多人都叫它为"自执行",但作者后面说了很多,来说服大家称呼为"立即调用的函数表达式". 本文英文原文地址:http:…

Js闭包 闭包前要了解的知识  1. 函数作用域 (1).Js语言特殊之处在于函数内部可以直接读取全局变量 <script type="text/javascript"> var n=100; function parent(){ alert(n); } parent(); </script> 如果在php里 <?php $n=100; function parent(){ echo $n; } parent();//会报错 n未定义 ?> (2).…

原文地址1:http://www.cnblogs.com/mzwr1982/archive/2012/05/20/2509295.html 闭包是一个比较抽象的概念,尤其是对js新手来说.书上的解释实在是比较晦涩,对我来说也是一样. 但是他也是js能力提升中无法绕过的一环,几乎每次面试必问的问题,因为在回答的时候.你的答案的深度,对术语的理解以及js内部解释器的运作方式的描述,都是可以看出你js实际水平的.即使你没答对,也能让考官对你的水平有个评估.那么我先来说说我对js中的闭包的理解. 闭包是…

一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. Js代码 var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量. Js代码 function f1(){ var n=999; } alert(n); // error 这里有一个地方需要注意,函数…

1.JS解析步骤: a.预解析 将变量声明提升: 将函数声明及函数内容提升,可以理解成原来位置的函数在解析代码时已经提到代码初始位置: 遇到重名,只留下一个: 如有重名变量和函数,留下函数: 如有两个重名函数,后一个函数覆盖前一个函数: firefox不能预解析块内定义的函数,出于兼容性考虑,定义函数,一般要放到最外面 (注意:变量提升的是声明,函数提升的是声明和内容) b.逐行解析代码 遇到表达式,可以修改预解析的变量值,例如变量赋值可以将函数声明替换掉: 2.如果有几个script代码部分,…

简单理解:prototype对象是实现面向对象的一个重要机制.每个函数也是一个对象,它们对应的类就是 function,每个函数对象都具有一个子对象prototype.Prototype 表示了该函数的原型, prototype表示了一个类的属性的集合.当通过new来生成一个类的对象时,prototype对象的属 性就会成为实例化对象的属性. (类似反射出来的一样) ps.(在JS 里面 全都是对象,  类Function是function的顶级超类,function实例化了叫对象,在funct…

1.JS解析步骤: a.预解析 将变量声明提升: 将函数声明及函数内容提升,可以理解成原来位置的函数在解析代码时已经提到代码初始位置: 块内的变量声明和函数声明也会被提升,例如if语句 遇到重名,只留下一个: 如有重名变量和函数,留下函数: 如有两个重名函数,后一个函数覆盖前一个函数: firefox不能预解析块内定义的函数,出于兼容性考虑,定义函数,一般要放到最外面 (注意:变量提升的是声明,函数提升的是声明和内容) b.逐行解析代码 遇到表达式,可以修改预解析的变量值,例如变量赋值可以将函数…

在这端代码执行的末尾,你会不会hi变量回事函数中的hi了?你会不会认为这不是按引用传递了? 对值传递和引用传递产生质疑了? 1 var hi = {}; 2 function sayHello(hi) { // 这样来给hi赋值,声明的hi变量不会有任何变化,在函数外侧hi还是那个{} hi = { a: 'b' }; console.log(yongshiyule178.com'in function hi : ' + hi.a); alert(hi.a); } sayHello(hi); c…

隐式转换 + - num - 0 把num转换成number: num + "" 把num转换成字符串: ------------------------------------------------------------------------- 常见的:null == undefined;NAN不等于NAN;===指的是值和类型相等:(严格判断): -----------------------------------------------------------------…

  转发自http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html       一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量.   Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量.   var n=999;   function f1(){ alert(n); }   f1(); // 999   另一方…

Stream在node.js中是一个抽象的接口,基于EventEmitter,也是一种Buffer的高级封装,用来处理流数据.流模块便是提供各种API让我们可以很简单的使用Stream. 流分为四种类型,如下所示: Readable,可读流 Writable,可写流 Duplex,读写流 Transform,扩展的Duplex,可修改写入的数据 1.Readable可读流 通过stream.Readable可创建一个可读流,它有两种模式:暂停和流动. 在流动模式下,将自动从下游系统读取数据并使用…

原文链接:http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html this是js语言的几个关键字,代表函数运行时,自动生成的一个内部对象,只能在函数内部使用. 比如 function test(){ this.x = 1;} 随着函数使用场合不同,this的值发生变化,但是有一个原则那就是,this指的是调用函数的那个对象. 情况一 请看下面这段代码,它的运行结果是1. function test(…

具体栗子:http://www.cnblogs.com/ayqy/p/4471638.html(地下为自己理解总结,可能晦涩,链接详细) 1.父类实例赋予子类原型. 2.利用子类函数引用 父类.call(this,arguments),增强子类实例获得:(缺点:引用属性:方法不同的) 3.组合继承: 引用属性利用父类属性的原型 与2(构造函数)相结合,解决2的缺点 其他暂时未理解…

js闭包的作用是使函数外可以访问函数内部的变量,是通过 在函数内部 定义 访问函数内变量 的函数实现的,内部的一个函数产生一个闭包 function a() { var i=0; return function (){return ++i;} }; var c=a(); // 得到函数b c(); //执行函数b,得到1…

编译完成后(先分配给变量空间和function(){}命名的函数,var = function(){}这种函数也仅仅只是分配了个空间,还没有赋值个函数给他!),调用了若不是undefined就执行, js是同步的单线程语言,一般是按照代码的顺序,从上到下的执行已表名要执行的函数.然后,将他们插入队列中(也就是js引擎的执行队列中),按队列顺序执行,.当遇到了异步的调用时候,只有队列中同步函数执行完之后才会执行异步的,如: var t = true; window.setTimeout(funct…

1.在典型的oop的语言中,如java,都存在类的概念,类就是对象的模板,对象就是类的实例.但在js中不存在类的概念,js不是基于类,而是通过构造函数(constructor)和原型链(propotype chains)实现的.但在ES6中引入了类(class)这个概念,作为对象的模板,新的class写法知识让原型对象的写法更加清晰,这里不重点谈这个 2.首先我们来详细了解下什么是构造器 构造函数的特点: a:构造函数的首字母必须大写,用来区分于普通函数 b:内部使用的this对象,来指向即将要…

JS执行的时候是必须在网页里面执行,和样式表差不多,也是内嵌的样式表,嵌在网页里面或外部的! 一 嵌在网页里面怎么嵌? 如果你想在网页里面嵌脚本,你需要在网页里面打出一块区域,这块区域来写脚本,在写样式表的时候要写一个标签 脚本里面的标签可以写在网页的任何位置,一般都是写在最底部 我们就写在</body>下面 <script type="text/javascript"> </script>这代表是一个JS的脚本 这样就在网页里面定了一块区域,专门写…

我们创建每一个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象.使用原型的好处是可以让所有对象共享它所包含的属性和方法. function Person(){ } Person.prototype.name = "huyuping"; Person.prototype.age = 29; Person.prototype.job = "d"; Person.prototype.sayName = function() { console.…

a.Node.js是一个基于Google Chrome V8引擎的javascript运行环境.Node.js使用了一个事件驱动.非阻塞式I/O的模型,使其轻量又高效.Node.js的包管理器npm,是全球最大的开源库生态系统 b.能方便地搭建相应速度快.易于扩展的网络应用,node.js使用事件驱动,非阻塞I/O模型而得以轻量和高效,非常适合在分布式设备上运行的数据密集型的实时应用 c.简单说node.js就是运行在服务器端的JavaScript,是现在流行的语言中能同时运行在前端与后台的程序…

-------------------------------------------------------------------------------------------- 变量:自由的 => 属性:属于一个对象 函数:自由的 => 方法:属于一个对象 函数: function a() { console.log('a'); } 方法: var arr = [1, 2, 3, 4]; arr.a = function() { console.log('a'); } ========…

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 下面就是我的学习笔记,对于Javascript初学者应该是很有用的. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外…

1.在典型的oop的语言中,如java,都存在类的概念,类就是对象的模板,对象就是类的实例.但在js中不存在类的概念,js不是基于类,而是通过构造函数(constructor)和原型链(propotype chains)实现的.但在ES6中引入了类(class)这个概念,作为对象的模板,新的class写法知识让原型对象的写法更加清晰,这里不重点谈这个 2.首先我们来详细了解下什么是构造器 构造函数的特点: a:构造函数的首字母必须大写,用来区分于普通函数 b:内部使用的this对象,来指向即将要…

要理解闭包首先要知道什么是函数的作用域链 因为有函数的作用域链存在,所以函数无论在哪里调用,函数都可以使用函数外部作用域的变量. 当一个函数被调用时,会创建一个执行环境及相应的作用域链.然后使用arguments和其他命名参数的值来初始化函数的活动对象.此活动对象在当前函数作用域链的第一位,外部函数的活动对象在作用域链的第二位,外部函数的外部函数的活动对象在第三位,直至作为作用域链终点的全局执行环境. 闭包的作用: 实现一个作用域,达到封装的目的,这样做的好处是隐藏私有变量,防止污染全局变量;…

参考一手资料:http://dmitrysoshnikov.com/ecmascript/javascript-the-core/中文翻译版本:https://zhuanlan.zhihu.com/p/32042645 Javascript 是一种单线程编程语言,这意味着它只有一个调用栈,call Stack(调用栈 ,,先入后出) 核心:对象,原型链,构造函数,执行上下文堆栈,执行上下文,变量对象,活动对象,作用域链,闭包,This js原型链? 定义 原型对象也是简单的对象并且可以拥有它们自…

一.前奏 在谈回调函数之前,先看下下面两段代码: 不妨猜测一下代码的结果. function say (value) { alert(value); } alert(say); alert(say('hi js.')); 如果你测试了,就会发现: 1.只写变量名 say 返回的将会是 say方法本身,以字符串的形式表现出来. 2.而在变量名后加()如say()返回的就会使say方法调用后的结果,这里是弹出value的值. 二.js中函数可以作为参数传递 再看下面的两段代码: function s…

最近要把这些给翻个遍 加油  js 隐式全局变量 读后感 1:js 没有变量名称是否重复定义的检查,在cshrp里有这样的检查, 没有变量名称重复的检查,这样 当变量名称 重复定义的时候 相同命名的变量的值会串.…