数据类型
听我来慢慢跟你说,根据Ecmascript规范规定
5种简单数据类型:Undefined, Null, Boolean, Number, String.
1种复杂数据类型:Object。
其中5种简单数据类型又称为基本数据类型,复杂数据类型又称为引用数据类型。
存储结构
以下理论所有程序语言通用:
基本数据类型保存在栈内存,引用数据类型实际上是一个指针,这个指针也保存在栈中,但是这个指针指向的对象则保存在堆内存中。
两种数据访问方式
基本数据类型:按值访问,读写的是它们实际保存的值。 引用数据类型:按引用访问,读写它们时需要先从栈中读取堆内存地址,然后找到保存在堆内存中的值。
两种类型的复制
基本数据类型变量的复制:从一个变量向另一个变量复制时,会在栈中创建一个新值,然后把值复制到为新变量分配的空间中。 引用数据类型变量的复制:复制的是存储在栈中的指针,将指针复制到栈中为新变量分配的空间中,而这个指针副本和原指针指向的是同一个堆内存中的对象;复制操作后两个变量实际上将引用同一个对象,因此改变其中一个将影响到另外一个。
基本包装类型
学过java的就更好理解了,拆箱、装箱吧啦吧啦... es沿袭了java语言中基本数据类型不是面向对象的思想,这在实际使用时存在很多的不便。为了解决这个不足,在设计类时为某些基本数据类型设计了一个对应的类进行代表(Number、String和Boolean),这样和基本数据类型对应的类统称为包装类,然后就可以通过装箱的对象中的属性和行为操作基本数据了。---它们是特殊的引用类型,既与其他的引用类型相似,同时又具有与各自的原始类型相应的特殊行为。比如:
var a="hello"var res=a.substring(0,2)
console.log(res)//"he"
//上面这个例子中,变量a是一个字符串,字符创必然是基本类型的值,但是它却在第二行调用了substring()方法,并将结果返回保存在res中,
// 我们都知道,既然a是基本类型的值而不是对象,因而从逻辑上讲,它是没有方法的。
// 其实在在实现这个操作的时候,内部已经隐式地帮我们帮创建了一个包装对象了,java把这个过程叫做'自动装箱'
// 所以以上的实际的情形应该是这样的:
var a=new String("hello")
var res=a.substring(0,2)
console.log(res)//"he"
在实际运用中,我们可以显式的调用String、Number和Boolean来创建基本包装类型的对象,不过,应该在绝对必要的时候再这么做,因为这种做法很容易让人分不清自己是在处理基本类型还是引用类型。对基本包装类型的实例调用 typeof 会返回object
首先,本人在前端开发方面有点心得,有什么不对的地方希望给出建议让我更好的进步1.命名
在开发前必须有个命名规范来对代码统一规范团队代码结构,使代码可读性提高
2.注释
我相信每个人看别人代码时看到密密麻麻的代码结构,相信每个人都会很头疼,即使想看也会看不下去,而且很耗时间,所以注释就变得尤其得重要,注释越清楚越详细我相信代码可维护性越高,而且更容易修改维护
3.变量
在js中变量无处不在,所以这么声明变量就变得尤其得重要,首先少使用全局变量,这样会增加加载速度,从而导致项目用户体验不好
4.声明变量如果不用 var 会导致变量成为全局变量。
5.函数
函数的参数数量
函数的参数不应该超过 3 个。如果函数的参数超过 3 个,应该将一些参数进行封装。
6.函数参数传递
只传函数需要的参数。如
// 不推荐
function greet(data){
console.log('Hello, I am ' + data.name)
}
// 推荐
function greet(name){
console.log('Hello, I am ' + name)
}
7.函数的功能
一个函数只做一件事。这有助于测试和代码复用。
函数尽可能无副作用。无副作用指不修改传入的参数和全局变量。
8.减少重复代码
. 记得在某个文章中看到说,如果重复的代码出现 3 次,就应该重构重复的代码。
. 松耦合
. 一个函数只做一件事
. 缓存一些计算结果
9.避免全局变量
. 从分配置和离逻辑代码
. 不要修改不属于你的对象
. 不属于你的对象包括
. 浏览器原生对象,如 Object,Array等
DOM,如 document
BOM,如 window
类库对象
如果想拓展浏览器原生对象的功能,可以创建函数,函数中把浏览器原生对象传入。如Underscore.js 做 的那样。
10.代码风格的统一
11.尽可能的避免代码重复
.如何减少重复的代码呢?
.在JS中,可以将重复的代码写成一个方法,如果是可通用的,可以写在独立的JS文件中。
.在CSS中,则需要借助Sass,Less之类的预处理语言的Mixins的功能。将重复的部分写成一个Mixins。
12.配置和逻辑分开
. JS中,对于整个站的通用配置,写在config.js里。如果是某个js的配置,在文件的开头,用defaultParam 对象来存放可变的配置,用const来定义不可变的配置
. CSS中,依旧要借助预处理语言。对于整站的配置,定 义在_variables.scss里。对于某个具体CSS文件里,在文件开头用变量来定义
13.减少代码的副作用
1>JS中,方法中的沟通尽量不要用全局变量;不要在Array之类的全局对象的原型链上添加方法;尽量不要定义全局的方法和变量:如果确实有很多变量,方法放在全局上,可以学习jQuery,将很多变量,方法放在一个全局对象上;自定义事件,事件的名称也要有命名空间。
2>CSS中,要做到无副作用,难度很大。对于简单页面,一个方法是,把页面上的元素都分成一个个组件,写样式时,选择器要用组件选择器 当前元素选择器。当组件变的复杂时,组件也会包含很多子组件。然后,选择器就会越来越长。。。我的解决方案是用的BEM。
14.提高代码的可读性
.变量,方法等的合理命名,通过名称可以知道这个大概做什么的。
.如果则要加注释来说明一下。对于不容理解的代码加注释
.尽可能不用魔法数字
.对于HTML,选择合适标签
15.一个方法只做一件事
一来提高代码的复用性,二来让调试也变的更容易,三来让测试变的更容易