JavaScript基本语法

一、变量

1.标识符

标识符(变量名、函数名等)的定义需要遵循一定的规则, 具体如下

(1)由大小写字母、数字、下划线和美元符号($)组成,如str、 arr3、 get_ name、$a。

(2)不能以数字开头,如56name是非法标识符。  

(3)严格区分大小写,如it与IT表示两个不同的标识符。

(4)不能使用Java中的关键字命名,如var作为变量名是不合法的。

(5)要尽量做到“见其名知其意”,如name表示名称,age表示年龄等。

注:当标识符中需要多个单词进行表示时,常见的表示放式有下划线法(user_name)、驼峰法(userName)和帕斯卡法(UserName)。

2.保留关键字

保留关键字是指在JavaScript语言中被事先定义好并赋予特殊含义的单词,不能作为变量名和函数名使用,以下列举的是ES5中规定的一些关键字:

ES5中的关键字

break,case,catch,class, const,continue

debugger,default,delete, do, else,export

extends, false,finally,for ,function,if

import, in,instanceof, new,null, return

super,switch,this,throw, try, true

typeof,var, void,while, with, yield

未来保留关键字

abstract,arguments,await,byte,boolen,char

double,enum,eval,final ,float, goto

implements, int ,interface, let ,long,native

package,private,protected,public,short ,static

synchronized,throws,transient,volatile

注:!!!

for(let i=0;i<3;++i){   //let关键字

}

console.log(i);       //输出结果:i is not defined

for(var i=0;i<3;++i){  //var关键字

}

console.log(i);     //输出结果:3

3.变量的使用

变量可以看作储存数据的容器,JavaScript中的变量用var关键字声明,变量命名规则与标识符相同,代码演示变量的声明:

var sales;

var hits,hot,NEWS;

var room_101,room102;

var $name,$age;

注:未赋初值的变量,默认值为undefined

4.变量的赋值

声明完成后就可以为变量赋值,也可以在声明变量的同时为变量赋值,示例如下:

var unit,room;              //声明变量

unit=3;                            //为变量赋值

room=1001;                    //为变量赋值

var fname='Tom',age=12;  //声明变量的同时赋值

5.定义常量

用const关键字,实现常量的定义。习惯上常量名用大写字母表示。

var r=6;

const PI =3.14;

const CIR=2*PI * r;

console.log('CIR='+CIR); //结果:CIR=37.68

注:常量在赋值时可以是具体的具体的数据,也可以是表达式的值或变量。常量一旦被赋值就不能被改变,并且常量在声明时必须为其指定某个值。

二、数据类型

1、数据类型分类

2.1、布尔型(只有true和false两个值),示例代码:


var flag1=true;       //为变量赋布尔类型值true

var flag2=false;  //为变量赋布尔类型值false

2.2、数值型(JavaScript中的数值型不区分整数和浮点数,所有数字都是数值型),示例代码:

var oct=032;   //八进制26

var dec=26;    //十进制26

var hex=0x1a;  //十六进制26

var fnum1=7.26;  //标准格式

var fnum2=-6.24;  //标准格式

var fnum3=3.14E6;  //科学计数法格式 3.14*10^6

var fnum4=8.96E-3;  //科学计数法格式 8.96*10^-3

注:JavaScript中的NaN表示非数值(Not a Number),没有确切的值,仅表示非数值型的一个范围。

2.3、字符型(字符型数据包含在单引号或双引号中),示例代码:

var slogan='Knowledge';

var str="the sky is blue.";

var color='"red"blue'; //

var food="'pizza'bread":

var num=' ',total=" ";

2.4、空型(Null)

由于JavaScript对大小写敏感,因此变量的值只有是null时才表示空型(Null)

2.5、未定义型(Undefined)

用于声明的变量未被初始化时,变量的默认值为undefined。undefined表示没有为变量设置。注:null和undefined与空字符串("")和()都不等。

3.1、数据类型检测

var num1=12,num2='34',sum=0; //声明变量并赋值

sum=num1+num2;                        //变量相加

console.log(sum);                            //输出结果:1234

注:这里的相加运算将两个变量的值进行了拼接而非相加运算,是因为只有当参与运算的变量都是数值型时才能进行相加运算。

3.2、1)、typeof操作符(用于检测变量是否符合期望的数据类型),以上述示例参与运算的变量及运算结果的数据类型为例来演示:

console.log(typeof num1);  //输出结果:number

console.log(typeof num2);   //输出结果:string

console.log(typeof sum);     //输出结果:string

注:再利用typeof 检测null的类型时,返回的是object而不是null。

2)Object.prototype.toString.call()(对象原型的扩展函数,更精确的区分数据类型),代码演示:

var data=null;  //待判断的数据

var type='Null';  //数据类型,如Boolean,String,Undefined等

Object.prototype.toString.call(data)=='[object]'+type+']'  //若是指定的type型,返回true,否则返回false

4.1、转布尔型Boolean()

Boolean()函数会将任何非空字符串和非零的数值转换为true,将空字符串、0、NaN、undefined和null转换为false。

4.2、转数值型 (可以用Number()函数 ,parseInt()函数或parseFloat()函数对参与运算的数据进行转换),代码演示:

var num1=prompt('第一个数据:');   //假设输入:123abc

var num2=prompt('第二个数据:');   //假设输入:456

console.log(num1+num2);  //结果:123abc456

console.log(parseInt(num1)+parseInt(num2));  //结果:579

注:转数值型的函数在使用时有一定的区别,具体见下表

上表中的所有函数在转换纯数字时会忽略前导零,如"0123"会被转为123.

parseFloat()会将数据转换为浮点数(可理解为小数);parseInt()会直接省略小数部分,返回数据的整数部分,并可以通过第二个参数设置转换的进制数,代码示例:

console.log(parseInt('123abc'));  //输出结果:123

console.log(parseInt('F',16));        //输出结果:15

parseInt()的第二个参数表示待转换字符串的进制数,默认为10,表示十进制.

4.3 转字符型 ( String(),toString())

String() 可以将任意类型转换为字符串 ;  toString() 除了null和undefined没有toString()方法外,其他数据类型都可以完成字符的转换,代码演示:

var num1=num2=num3, num4=26;

console.log(String(12));    //输出结果:12

console.log(num1+num2+num3.toString());  //输出结果:84

console.log(num4.toString(2));   //输出结果:11010

4.4 赋值运算符(特别的)

4.5 比较运算符 (这里只特别说:"==","!=","===","!==")

"=="与"!=",只比较数据的值是否相等 ; "==="与"!==",不仅比较数据的值是否相等,还要比较数据的类型是否相等.

4.6位运算符

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

推荐阅读更多精彩内容