初涉JavaScript模式 (10) : 函数【进阶用法】

写在前面不知不觉写到第10篇了.这篇写起来很忐忑,终于和高级搭上边了(呵呵),这篇我们主要说一下 JS 方法的部分高级用法(我知道的),笔者水平有限,难免有错.废话不多少,进入正文. 初始化我们在看一些别人写的优秀的代码,特别是组件时,我们经常能发现有init或initializa这样的方法,它一般执行的都是初始化.那初始化一般都有几种呢,我们来一一介绍: 初始化对象初始化对象,顾名思义,就是对带着一堆具体逻辑的对象进行初始化.直接上代码: ```javascript var Wr =…

初涉JavaScript模式 (8) : 函数【概述】

什么是函数函数,是一个大型程序中的某部份代码,由一个或多个语句块组成.它负责完成某项特定任务,而且相较于其他代码,具备相对的独立性.(维基百科) 函数的特点第一类对象在JavaScript世界中函数是一等公民,它不仅拥有一切传统函数的使用方式(声明和调用),而且可以做到像简单值一样赋值.传参.返回,这样的函数也称之为第一级函数(First-class Function).不仅如此,JavaScript中的函数还充当了类的构造函数的作用,同时又是一个Function类的实例(instance…

初涉JavaScript模式 (9) : 函数【常用方式】

回调模式上一篇,对JavaScript函数进行了大体的介绍,这一篇对一些在工作中经常遇到的情况进行扩展. 在工作中,我们经常遇到很多需求,比如现在有一个需求: 一栋10层的大楼,当我们在坐电梯时,电梯每上一层,每层的电梯显示屏上即时显示电梯当前所在的楼层. 这样我们可能不到1s,就想到了解决方案,只要电梯每上一层,把每一层的电梯显示屏数字 +1 ,代码核心如下: ```javascript function processArrayA(nums, scalar) { var arr = [];…

初涉JavaScript模式系列阶段总结及规划

总结不知不觉写初涉JavaScript模式系列已经半个月了,没想到把一个个小点进行放大,竟然可以发现这么多东西. 期间生怕对JS的理解不到位而误导各位,读了很多书(个人感觉JS是最难的oo语言),也纠正了不少自己的观念和认知错误. 但是久而久之发现,偏离了我原本的思维,我原本的想法是把自己的知识碎片进行一个汇总然后参照现有书籍(权威)的逻辑罗列出来,而随着边看书边写博这种方式,我最初的思维完全被书作者的逻辑牵着走,导致文章没有了我预想的作用. 这一方面是由于我的阅历和经验包括处理问题的逻辑不到…

初涉JavaScript模式 (2) : 基本技巧

尽量少用全局变量大量使用全局变量会导致的后果全局变量创建以后会在整个JavaScript应用和Web页面中共享.所有的全局变量都存在于一个全局命名空间内,很容易发生冲突不知不觉创建了全局变量其原因在于JavaScript的两个特性,第一个是JavaScript可直接使用变量而无需声明,第二个是JavaScript的暗示全局变量的概念,即任何变量如果未经声明,就为全局对象所有为了避免我们无意间创建了全局变量我们可以使用var声明变量另一种创建暗示全局变量的反模式是带有var声明的链式…

【读书笔记】读《JavaScript模式》 - 函数复用模式之现代继承模式

现代继承模式可表述为:其他任何不需要以类的方式考虑得模式. 现代继承方式#1 —— 原型继承之无类继承模式 function object(o) { function F() {}; F.prototype = o; return new F(); } function Person() { this.name = 'king'; } Person.prototype.getName = function () { return this.name; }; var papa = new Pers…

【读书笔记】读《JavaScript模式》 - 函数复用模式之类式继承模式

实现类式继承的目标是通过构造函数Child()获取来自于另外一个构造函数Parent()的属性,从而创建对象. 1.类式继承模式#1 —— 默认方式(原型指向父函数实例) function Parent(name) { this.name = name || 'king'; } Parent.prototype.say = function () { return this.name; }; function Child(name) { this.name = name; } function…

初涉JavaScript模式 (11) : 模块模式

引子这篇算是对第9篇中内容的发散和补充,当时我只是把模块模式中的一些内容简单的归为函数篇中去,在北川的提醒下,我才发觉这是非常不严谨的,于是我把这些内容拎出来,这就是这篇的由来. 什么是模块模式在JavaScript中没有包(Package)的概念,而面对日益庞大的JavaScript代码,而这正促使模块化开发的迫切需求,所以也就诞生了JavaScript的模块模式, 最早这么叫的是老道,他称之为模块模式 (Module Patterns). 模块模式提供了用于创建独立解耦的代码片段的工具…

常用的JavaScript字符串处理函数及用法

最近参加了几次前端实习生招聘的笔试,发现很多笔试题都会考到字符串的处理,比方说去哪儿网笔试题.淘宝的笔试题等,如果你经常参加笔试或者也是一个过来人,相信你也跟我一样,发现字符串的处理是前端招聘过程中最常见的题型之一. 这些题有一个特点,站在考官的角度去考虑,它考的不是你会不会,而是你能不能在不借用XX手册或者XX指南再或者百度谷歌的情况下(比如我曾对javascript对象属性做过一个简单的教程指南,以便自己用到时查找方便,具体可查看马海祥<javascript对象属性的基础教程指南>的相关介…

初涉JavaScript模式 (12) : 沙箱模式

引子上一篇说了模块模式,而对于其中的命名空间模式其实也是有着一些问题,比如每添加一个模块或则深入叠加都会导致长命名,并且对于多个库的不同版本同时运行,一不小心就会污染全局标识,而这两天也发现了JSer对此也有解决办法,由于不是特别喜欢这种模式,但是在YUI3中大量的用到了这种模式,顾从网上扒了一篇来说明一下,这种模式就是沙箱模式. 什么是沙箱模式沙箱模式(Sandbox Pattern),顾名思义沙箱模式是创建了一个"沙箱",可以理解为创建了一个黑盒,我们不管在里面做什么都不会影响…

初涉JavaScript模式 (6) : 原型模式【二】

原型与in操作符有两种方式使用in操作符:单独使用和在for-in循环中使用. 在单独使用时,in操作符会遍历实例公开(可枚举)的属性,如果找到该指定属性则返回true,无论该指定属性是存在与实例中还是原型中.直接上代码: ```javascript function Animal(){ } Animal.prototype.name = "animal" var tom = new Animal(); tom.age = 22; console.log("name&quo…

初涉JavaScript模式 (5) : 原型模式【一】

什么是原型模式? 原型模式(prototype)是指用原型实例指向创建对象的种类,并且通过拷贝这些原型创建新的对象.--引自JavaScript设计模式我们创建的每一个函数都有一个prototype属性,这个属性是一个指针,指向一个对象,而这个对象包含了所有由指向他的构造函数所生成的实例的共享属性和方法.说的通俗点,就是一个对象包含了一些属性和方法,而所有prototype为这个对象的构造函数所创建的实例都可以共享这个对象的属性和方法.直接上代码: ```javascript function…

初涉JavaScript模式 (4) : 构造函数

什么是构造函数? 构造函数是一种特殊的方法主要用来在创建对象时初始化对象即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中特别的一个类可以有多个构造函数可根据其参数个数的不同或参数类型的不同来区分它们即构造函数的重载 ---引自百度百科在JavaScript中是没有类的,但是我们有构造函数(是不是很怪),很深的东西我也说不来,直接上代码: ```javascript //工厂模式 function createCat(name){ var o = {}; o.na…

带你学习Javascript中的函数进阶（一）

1. 函数的定义和调用 1.1 函数的定义方式函数声明方式function关键字(命名函数) 函数表达式(匿名函数) new Function() var fn = new Function('参数1', '参数2',...,'函数体') Function里面参数都必须是字符串格式第三种方式执行效率低,也不方便书写,用的比较少所有函数都是Function的实例(对象) //函数声明方式 function fn() {} //函数表达式(匿名函数) var fn = function() {…

《Web 前端面试指南》2、JavaScript 的 Bind 函数进阶

使用 Bind() 设置方法中 this 对象 //<button>获取随机的人</button> //<input type="text"> var user = { data:[ {name:"张三", age:37}, {name:"李四", age:43} ], clickHandler:function (event) { var randomNum = ((Math.random () *…

初涉JavaScript模式 (7) : 原型模式【三】

组合使用构造函数模式和原型模式上篇,我们提到了原型模式的缺点,就是每个实例不能拥有自己的属性,因为纯原型模式所有的属性都是公开给每个实例的,故我们可以组合使用构造函数模式和原型模式.构造函数用来定义实例的属性,而原型模式用来定义方法和公用属性.这样的话,每个实例都有自己的属性副本(而不是指向原型的引用),同时它也共享原型上方法的引用.而且,这种混合模式还支持对构造函数传参,所以可以说是结合了两种模式的优点.示例如下: ```javascript function Animal(name,typ…

JavaScript中prompt()函数的用法。

定义和用法 prompt()方法用于显示一个带有提示信息,并且用户可以输入的对话框. 语法 prompt(text,defaultText); 参数描述 text 可选.要在对话框中显示的提示信息(纯文本) defaultText 可选.默认的输入文本. 例子 <html> <head> <script type="text/javascript"> function disp_prompt(){ var name=prompt("请输入…

JavaScript中eval函数的用法

1. eval函数会计算传给的字符串, 并把作为脚本代码来执行. eval(str) 此函数接受一个字符串作为参数,并把str当做一段JavaScript脚本代码来执行,如果str执行结果返回一个值则返回此值,否则返回undefined. 在eval()函数里,它会将JavaScript代码进行编译,如果编译失败则抛出语法错误异常.如果编译成功但是如果这个代码没有值的话,eval()最终返回的结果是underfined.如果字符串抛出一个异常,则这个异常将把该调用传递给eval(). eval(…

初涉JavaScript模式 (3) : 字面量

什么是字面量? 在编程语言中,字面量是一种表示值的记法.例如,"Hello, World!" 在许多语言中都表示一个字符串字面量(string literal ),JavaScript也不例外.比如举几个JavaScript字面量的例子,如5.true.false和null,它们分别表示一个整数.两个布尔值和一个空对象. 咋一看,可能很绕,字面量很难下定义,其实以我的理解就是一眼能理解的量就是字面量. 对象字面量对象字面量是一个名值对列表,每个名值对之间用逗号分隔,并用一个大括号括起…

初涉JavaScript模式 (1) : 简介

什么是模式? 广义上的模式是指 :在物体或事件上,产生的一种规律变化与自我重复的样式与过程.在模式之中,某些固定的元素不断以可预测的方式周期性重现.最基本而常见的模式,称为密铺,具备重复性以及周期性两大特征.找寻出固定模式是人类基本的认知功能之一.(从wiki百科抄的) 碉堡了,啥玩意这么绕...而在我们软件的开发过程中,模式通常可以理解为解决一类问题的方法或方案.(我的理解是解决一些具有共同点的问题的方法) 模式有什么好处? 我们在采用一种新的技术或者语言之前,会衡量他对我们目前乃至以后的开发…