作为一个老码农,总是有那么多的新技术需要学习,从C语言,Pascal,c++,java 到golang我一直在做与前端无关的代码,当然偶尔也会写写asp,php,flex,lua等。但从来没有系统的写过html以及js。有一次,一天之内,我要切换好几个角色去修复不同的bug,从后端c++,java到前端js,到客户端lua。不同的语言语法不通,虽然大同小异,但也足够你混乱的了。但我的工作没有办法,有紧急情况,你都必须什么都会。为此我萌发了一个小小的想法,想整理一下关于语言的快速学习手册,对于有语言基础的码农来说,或许会有一些帮助吧。有了这个想法之后,一个想写的就是js,因为这是我最近会精彩接触到的一个语言。
一、Javascript 对象和基本数据类型
什么是对象或者说Javascript中你见到的哪些是对象,哪些是基本数据类型,这是我么首先需要搞清楚的第一件事件。Everything is object. Js是这样描述的,我们具体来了解一下。
Javascript中的对象有个特点,简单的理解对象是一个关于key,value的map。
Rule-1:万物皆对象,对象一个关于key,value的map。
1.创建对象
var Person = new Object();
上面代码就创建了一个对象,所有对象都默认继承自Object.
有一种语法叫JS的{},这是什么这就是Ojbect,所以如下代码很常见:
var Person = {};
2.为对象添加属性和方法
对象的属性
记得js对象的特点,关于key,value的map,下面的代码就应该很好理解了。
Person['name'] = 'Jason'; Person['age'] = 18;
当然它还可以有另外一种写法,既然是属性,下面的写法自然也是被允许的:
Person.name = 'Jason'; Person.age = 18;
这两种写法实际都可以理解成是对map的key,value的操作。
换一种写法:var Person = {'name':'Jason','age':18};
是不是很map?
作为一门动态解释性语言,动态的添加和删除属性是必不可少的:
Person.sex = 'male'; delete Person.sex; //添加和删除属性
另外一个面向对象的特性,属性是对象内的变量,变量有一一定的命名规范,js的命名规范是:"字母、下划线、美元符开头的字母、数字、下划线、美元符的任意组合"。有同学注意嘛?比起,一些语言它多了$符。
既然有这个规范,那如下定义就顺理成章了:
var Person = {name:'Jason',age:18};
对象的方法
介绍对象的方法之前,需要了解一下方法本身这里我们也可以叫作函数,基于Rule-1的理解,万物皆对象,那方法自然也是对象。[函数]
函数的两种定义方式:
声明式:
<code>
function add(a,b){
return a+b;
}
</code>表达式:
<code>
var fadd = function(a,b){
return a+b;
}
</code>
这两种定义方式的区别在于:何时可用。简单的说,add函数所在的js被加载后,add函数就全局可用了,不管是声明前还是声明后,都无所谓,因为js引擎会提前加载该函数。但fadd函数不需要在这个雨具之后才能被使用,因为表达式函数必须要在表达式语句之后的代码才能使用它。
那么对象的方法的声明方式是什么呢?很明显属于表达式,因此之一在对象创建之后才能被使用,如下:
<code>
code1:
var mymath = {};
mymath.add = function(a,b){
return a+b;
};
code2:
var mymath = {
add:function(a,b){
return a+b;
}
};
</code>
3.基本数据类型
Javascript中的6中基本数据类型
- String
- Number
- Boolean
- undefined
- null
- Symbol
String 字符数串类型,与其它语言极本类似,唯一的区别是能用单引号[']或者["]括起来。其它大部分语言使用["]来标示。
Number是数字类型,整形和双精度浮点型,都用这个类型来表示。64位哦。没有int,lang,float,double,只有Number
Boolean只有两个值,true和false,两个特定的值。
在布尔表达式中,只有如下六个值会被认为是false,其它都视为true。
undefined
null
false
0
-
NaN
-not a number 非数字 -
"" 或''(空字符串)
区别:其它语言极本定义为0与非0。
undefined 用于表示变量未定义,
null 表示变量已定义但未初始化,所以null 肯定不等于 undefined,这个语义,已经非常的清晰。
Symbol 是ES6才引进的新特性,类似于其它语言的UUID,每一次调用都会产生不同的值。var s1 = Symbol('a'); var s2 = Symbol('a') ;var s3 = Symbol();
其实,s1,s2,s3都是不同的,你传不传参数,结果都是不一样的,既然都一样为什么用带参数呢?因为这个参数会做为描述存储在Symbol中,调试时你能看到Symbol的描述参数。
介绍为基本数据类型,问题来了,基本数据类型是不是对象呢?严格来说,肯定不是对象,因为基本类型是不变的,无法添加删除属性,不符合对象的一些定义。
下一章:将介绍,Javascript中的数组,为何数组要单独写一章,因为实在是太重要了。