在javascript中存在两种量,变量与常量,其唯一的区别是在声明后的可变性。常量声明后不可改变,变量声明后可以改变。其中,变量的声明是显示的,使用关键字var或let。
如
var a = 1;
var b = 2;
var c;
以上是三条变量声明语句,其中前两句与赋值语句结合,属于带初始化的变量声明。而第三句属于不带初始化的。在javascript中有个特殊的undefined常量,表示的是未定义的,而不带初始化的声明实际上是将其值初始化成了undefined,即以下两种声明是等价的。
var c;
var c = undefined;
在语句书写过程中,分号的书写不是必须的,但是非常建议写上。其一是为了方便阅读,其二是防止不同的javascript解析器的自动插入分号功能尝试差异,从而使程序结果变得不可预测。
在变量声明过程中,let有着比var更加严格的语义描述。其最显著的特点我们用以下几个代码片段来描述。
console.log(a); // 此时控制台会输出undefined;
var a = 100;
console.log(b); // 此时控制台会直接报错 Uncaught ReferenceError: a is not defined
let b = 100;
var a = 100;
let b = 100;
if (true) {
var a = 20;
let b = 20;
}
console.log(a); //此时输出20
console.log(b); //此时输出100
以上两段代码表述了let优于var的两个事实。
- let必须先声明再使用,否则报错。这一点更加符合编程思维。
- let的作用域仅在当前语法块里,不会覆盖语法块外部的变量。而var会发生变量提升的问题,导致变量覆盖。
以上就是变量声明的全部内容,由此可以发现JavaScript中在声明变量时无需强调变量的类型,解释器会自动识别。而JavaScript中的量,是存在类型的,具体的类型由以下几种
5种原始类型,即不可再分的类型
- undefined
- null
- boolean
- number
- string
这其中,前三种类型的值是有限的,undefined与null的值都是其自身。boolean的值可以是true,也可以是false。而数值与字符串类型的值就是无限的了。
4种非原始类型
- function
- object
- array
- class
其中class是function的一个不完整的语法糖,这四种类型都有字面量的表达方式,如下。
// function
function add(a,b){
return a+b;
}
console.log(add(1,2)); //输出3
// object
let obj = {
add:function(a,b){
return a+b;
},
sub(a,b){
return a-b;
}
};
// array
let arr = [1,2,3,'abc',true,false,undefined,null,function(a,b){return a+b;}];
// class
class calc{
add(a,b){ return a+b };
sub(a,b){ return a-b };
}
let c = new calc();
console.log( c.add(1,2) ); //输出3
对于所有的函数,es5的写法是使用关键字function,后跟函数名字,和一对括号,括号中可以声明参数,也可以不声明。后紧跟一对大括号,里面书写业务代码,函数体中不一定要显示的返回某个具体值(虽然我们大多数情况都是希望返回具体值得)。在没有return语句的函数执行时,解释器会自动在函数体末尾添加一句 return undefined; 这与无初始化的变量声明语义一致。
es6中有一种更加精炼的函数书写方式,箭头函数。如下
let add = (a,b) => a+b;
let hi = () => console.log('hi');
let sqrt = x => x*x;
let say = () => {
console.log('hello');
console.log('world');
return 'pplove';
}
console.log( add(1,2) ); // 输出3
hi(); //输出 hi
console.log( sqrt(2) ); // 输出4
console.log( say() ); // 输出以下内容
/*
hello
world
pplove
*/
箭头函数的声明通常与变量声明方式相似,使用let 关键字,后跟函数名称(或者叫变量名称,这个变量表示一个函数),紧接着写一个用括号包起来的参数列表,若参数列表中只有一个参数,括号可以不写,若无参数则需要写一个空的括号。
之后是一个=> 符号,后跟一个表达式或语句块。而这个函数的返回结果就是这个表达式的执行结果或语句块的返回结果。
由此我们亦可以看出,javascript中的变量实际上比传统的编程语言更加灵活,你可以为变量赋值上任何你想赋值的东西(当然得是要合法的)。
对象的字面量表达是在不定义类的前提下,制造对象的手段。众所众知,对象是类的实例化,而在javascript中,产生对象的方式不一定要是实例化一个类,可以使用工厂模式来制造一个对象。如下
function StudentFactory( name,age,score ){
return {
age:age,
name,
score,
say(){
console.log('我的名字叫:'+this.name+',今年'+this.age+'岁,想要娶媳妇,但是只考了'+this.score+'分');
}
};
}
let zmp = StudentFactory('小明',23,480);
zmp.say(); //输出 我的名字叫:小明,今年23岁,想要娶媳妇,但是只考了480分
对象的字面量表达通常是以一种键值对的方式书写的,但有一种简写方式,如下:
let a = 1;
let b = 2;
let obj = {
a,
b,
add(){
return this.a+this.b;
}
}
// 等同于
let obj = {
a:a,
b:b,
add:function(){
return this.a+this.b;
}
}
数组是javascript最常用的一种数据类型,若一个变量的类型为数组类型,通常我们会叫它作数组对象。请注意它是个对象,这代表它肯定有成员方法,但在《量》这一节教程中暂时不展开讲,在这一节中,我们需要明确一个事实就是数组中元素的类型可以是不一样的,在下一节语法中,我们会重点讲关于数组的知识。