介绍
老是在写js,你平时是怎么写你的js呢?更喜欢哪种方式呢?
今天就把常见的跟大家唠叨唠叨。——年纪大了,就这一爱好(平时也喜欢说胡话),别闲我烦!
直接初始化法


优点:
1、userData本身就是对象实例。——上来就实例化一个类出来,也不怕浏览器受不了。
2、代码紧凑。
3、编程效率高。
缺点:
1、代码的重用性比较差。
2、不符合面向对象的编程思路。——设计模式这种玩意,经常是在类上,弄来弄去。这种直接在对象上使用,够呛!
总结:应避免使用该方法创建自定义对象。
使用案例: QQ迷你弹窗
构造函数法


使用方法:需要使用“new 和 构造函数”创建实例。
优点:
只有new的时候,才分配内存。如果不new,浏览器一辈子都不会给你内存资源的。——想要就要,不想要就不理她!
Object表达式法
类似于第一种”直接初始化法“。——其实是一种变种。


上面那一坨红色标出来的部分,让人看着眼晕。——这代码让谁看了,估计都要狂吐血!
匿名函数法

这个是我经常用的,你看这代码,用两字形容,“漂亮”,再给两字,“相当漂亮”
上面那个是我经常用的,我在项目中写了一堆的扩展,用这玩意,层次感非常强。
案例:jQuery
总结
我在平时写js代码时候,喜欢自己写,不太喜欢使用现在网上的框架。——一是比较熟悉自己的代码(别人问我,我都知道里面都是什么东东),二是自己的框架更适合现有的项目。
但是平时我也比较关注这些框架,一般是看看这些框架是怎么写的,然后在写自己项目的时候,会放进去一些。
大家在平时写js代码的时候更喜欢以上哪种方式,或者你们是不是有更好的方式呢?不妨告知一二。
分享到:
相关推荐
javascript和后台程序对比的缺点 1、不易读性; 2、不好调试性; ............ 有了以上特点,那么我们就要进行好的注释; javascript 注释的标准写法
JavaScript层的属性事件写法是前端开发中常见且基础的操作,它涉及到网页动态交互的核心。在JavaScript中,我们可以对HTML元素进行操作,设置其属性,响应用户触发的事件,从而实现丰富的用户界面。 首先,我们要...
JavaScript 函数和基础写法大集合 JavaScript 是一种广泛应用于 Web 开发的编程语言,下面...这些是 JavaScript 中的一些常用的函数和基础写法,掌握这些知识点可以帮助开发者更好地使用 JavaScript 进行 Web 开发。
JavaScript 中判断的优雅写法示例 在 JavaScript 中,判断语句是非常常见的,但是当判断条件变得复杂时,代码就会变得冗长、难以阅读。因此,我们需要优化我们的代码,使其变得更加优雅/highlights。 一元判断 ---...
JavaScript中的简写写法能极大地提高代码的可读性和效率,以下是一些常见的简写技巧,它们基于ES5和ES6的特性: 1. **三元操作符**:三元操作符(`condition ? exprIfTrue : exprIfFalse`)可以替代简单的if...else...
JavaScript中的命名空间是一种组织代码的方式,它可以帮助我们避免全局变量冲突,提高代码的可维护性和安全性。以下是五种创建JavaScript命名空间的方法: 1. **通过函数(function)创建** 这种方法通常涉及定义一...
本篇文章将深入探讨JavaScript中三种常见的点击事件写法,以及如何通过JavaScript模拟触发按钮点击事件。 ### 1. 内联事件处理 这是最基础的事件处理方式,直接在HTML元素中通过`onclick`属性指定一个函数或语句块...
1. 在调用外部的JavaScript文件时,正确的写法是:<script src="a.js"></script> 2. 如果将JavaScript脚本存储在单独的文件中,那么在IE浏览器中,选择“查看”/“源文件”命令时,不会显示JavaScript程序源代码。 3...
通过阅读本书,你将获得对JavaScript语言更深层次的理解,掌握其实现复杂功能的技术细节,从而成为一名更加优秀的JavaScript开发者。无论是对于个人技术成长还是团队项目开发,这本书都是不可或缺的宝贵资源。
应该使用哪一种呢?看看下面的例子 代码如下:typeof age === ‘undefined’; // true 标识符 age 没有声明过,输出true。 再看另一个例子 代码如下:age === undefined; // 报错 Firebug提示age is not defined, 这...
下面是两种常见的JavaScript函数节流写法的详细知识点。 ### 方法一:基于时间判断 方法一是通过比较当前时间和上一次函数执行的时间来决定是否立即执行该函数。示例代码如下: ```javascript var a = 0; var ...
构造函数用于创建具有特定属性和方法的对象,原型链则允许对象共享属性和方法,而ES6引入的类语法则提供了一种更接近传统面向对象语言的写法。 在"完整的项目案例"中,我们可能会看到一个基于当当网的模拟电商系统...
JavaScript是一种广泛使用的前端开发语言,其函数写法多样,适应不同的场景和需求。在JavaScript中,函数既是对象,也是可以赋值给变量的实体。下面,我们将详细介绍几种常见的JavaScript函数写法,并给出示例代码。...
JavaScript是一种广泛应用于网页和网络应用的脚本语言,它主要负责网页的动态效果和与用户的交互。本教程的第二版习题答案旨在帮助学习者深入理解JavaScript的基本概念、语法和功能,以提升编程技能。 首先,...
不过因为小菜鸟个人认为HTML DOM比其它的JavaScript对象更常用一些(不过这可不一定适用于你的情况),所以在学完基础的JavaScript之后就去学习HTML DOM了。 学习HTML DOM 你也想和小菜鸟一起学HTML DOM?来看看...
语言服务是Visual Studio IDE中不可或缺的一部分,它增强了开发者在编写JavaScript代码时的体验,帮助他们更高效地开发和维护代码。 在安装VS2015时,如果遇到这些组件缺失或损坏的情况,可以通过以下步骤解决: 1...
交互式Web前端开发》欢迎选择一种更高效的学习JavaScript和jQuery的方式。你是一名JavaScript新手?或是您曾经向自己的Web页面上添加过一些脚本,但想以一种更好的方式来实现它们?本书非常适合您。《JavaScript&...
JavaScript,作为全球最广泛使用的编程语言之一,是创建交互式网页和应用程序的关键工具。这篇《JavaScript高级教程》全面深入地探讨了这门语言的核心概念和技术,旨在帮助开发者从初级水平跃升至高级阶段。 首先,...
接下来,我们将详细探讨JavaScript封装的几种常见写法,并分析它们的优缺点及其适用场景。 首先,最基础的封装方法是使用函数。通过函数,我们可以将变量和逻辑封装起来,避免全局变量污染。这种方式在需要进行简单...
JavaScript,一种广泛应用于Web开发的轻量级编程语言,是前端开发的核心技术之一。本教程旨在帮助初学者从零开始,逐步深入理解JavaScript的核心概念和实际应用。 首先,JavaScript的基础部分包括变量、数据类型和...