萍萍的JavaScript教程 其一 量

在javascript中存在两种量,变量与常量,其唯一的区别是在声明后的可变性。常量声明后不可改变,变量声明后可以改变。其中,变量的声明是显示的,使用关键字varlet

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的两个事实。

  1. let必须先声明再使用,否则报错。这一点更加符合编程思维。
  2. let的作用域仅在当前语法块里,不会覆盖语法块外部的变量。而var会发生变量提升的问题,导致变量覆盖。

以上就是变量声明的全部内容,由此可以发现JavaScript中在声明变量时无需强调变量的类型,解释器会自动识别。而JavaScript中的量,是存在类型的,具体的类型由以下几种

5种原始类型,即不可再分的类型

  1. undefined
  2. null
  3. boolean
  4. number
  5. string

这其中,前三种类型的值是有限的,undefinednull的值都是其自身。boolean的值可以是true,也可以是false。而数值与字符串类型的值就是无限的了。

4种非原始类型

  1. function
  2. object
  3. array
  4. 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最常用的一种数据类型,若一个变量的类型为数组类型,通常我们会叫它作数组对象。请注意它是个对象,这代表它肯定有成员方法,但在《量》这一节教程中暂时不展开讲,在这一节中,我们需要明确一个事实就是数组中元素的类型可以是不一样的,在下一节语法中,我们会重点讲关于数组的知识。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容