javascript之基本概念
博客专区 > 柳哥 的博客 > 博客详情
javascript之基本概念
柳哥 发表于3年前
javascript之基本概念
  • 发表于 3年前
  • 阅读 229
  • 收藏 18
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

1. 语法

1.1 匹配大小写

javascript中的一切——变量,函数名和操作符——都是区分大小写的。

1.2 标识符

标识符就是指变量,函数,属性的名字,或者函数的参数。命名规则与java一样。

1.3 语句

javascript中的语句以一个分号结束。当然也可以省略分号,如果省略分号,则由解析器确定语句的结尾,我们推荐使用分号结尾。

2. 关键字和保留字

2.1 关键字

break         
else         
new         
var         
case
finally
return
void
catch
for
switch
while
continue
function
this
with
default
if
throw
delete
in
try
do
instanceof
typeof



2.2 保留字

abstract         
enum         
int         
short         
boolean
export
interface
static
byte
extends
long
super
char
final
native
synchronized
class
float
package
throws
const
goto
private
transient
debugger
implements
protected
volatile
double
import
public

3. 变量

定义变量时要使用var操作符,后跟变量名,如下所示:

var message;

该变量可以用来保存任何值(像这样未经过初始化的变量,会保存一个特殊的值:undefined)。有一点必须注意,即使用var操作符定义的变量将成为定义该变量的作用域中的局部变量。如果省略了var操作符,从而创建的是一个全局变量。

可以用一条语句定义多个变量,只要像下面这样把每个变量(初始化或不初始化均可)用逗号分隔开即可。

var message = "hi",found = false, age = 29;

4. 数据类型

javascript中有5种简单数据类型(基本数据类型):Undefined,Null,Boolean,Number和String。还有一种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的。javascript不支持任何创建自定义类型的机制,而所有值最终都将是上述6种数据类型之一。

4.1 typeof操作符

typeof用来检测给定变量的数据类型。typeof操作符可能返回下列某个字符串:

  • "undefined"——如果这个值未定义

  • "boolean"——如果这个值是布尔值

  • "string"——如果这个值是字符串

  • "number"——如果这个值是数值

  • "object"——如果这个值是对象或Null

  • "function"——如果这个值是函数

如例:

var message = "some string";
alert(typeof message)

4.2 Undefined类型

Undefined类型只有一个值,即特殊的undefined。在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined,如例:

var message;
alert(message == undefined);        //true

4.3 Null类型

Null类型是第二个只有一个值的数据类型,这个特殊的值是null。从逻辑角度来看,null值表示一个空对象指针,而这也正是使用typeof操作符检测null值时会返回“object”的原因:

var car = null;
alert(typeof car);        //"object"

如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为null而不是其他值。这样一来,只要直接检查null值就可以知道相应的变量是否已经保存了一个对象的引用了。实际上,undefined值派生自null值的,因此它们的相等性测试要返回true:

alert(null == undefined);         //true

尽管null和undefined有这样的关系,但它们的用途完全不同。无论在什么情况下都没有必要把一个变量的值显式地设置为undefined,可是同样的规则对null却不适用。只要意在保存对象的变量还没有真正保存对象,就应该明确地让该变量保存null值。这样做不仅可以体现null作为空对象指针的惯例,而且也有助于进一步区分null和undefined。

4.4 Boolean类型

Boolean类型只有两个字面值:true和false。示例:

var found = true;
var lost = false;

虽然Boolean类型的字面值只有两个,但javascript中所有类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolean值,可以调用转型函数Boolean(),如下所示:

var message = "Hello world!";
var messageAsBoolean = Boolean(message);

在这个例子中,字符串message被转换成了一个Boolean值。可以对任何数据类型的值调用Boolean()函数,而且总会返回一个Boolean值,至于返回的这个值是true还是false,取决于要转换值的数据类型及其实际值:

数据类型          
转换为true的值        
转换为false的值         
Boolean
true
false
String
任何非空字符串
""(空字符串)
Number
任何非零数字值(包含无穷大)
0和NaN
Object
任何对象
null
Undefined
不适用
undefined

这些转换规则对理解流控制语句(如if语句)自动执行相应的Boolean转换非常重要:

var message = "Hello world!";
if(message){
    alert("value is true");
}

4.5 Number类型

最基本的数值字面量格式是十进制整数,如:

var intNum = 55;        //整数

除了十进制表示外,整数还可以通过八进制或十六进制的字面值来表示。浮点数略,关于浮点数值计算会产生舍入误差的问题,有一点需要明确:这是使用基于IEEE754数值的浮点计算的通病,并非独此一家; 

关于NaN,它即非数值(Not a Number),是一个特殊的数值。这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。例如,在其他编程语言中,任何数值除以0都会导致错误,从而停止代码执行。但在javascript中,任何数值除以0会返回NaN,因此不会影响其他代码的执行。NaN本身有两个非同寻常的特点。首先,任何涉及NaN的操作(例如NaN/10)都会返回NaN。其次,NaN与任何值都不相等,包括NaN本身。例如:

alert(NaN == NaN);        //false

针对NaN的这两个特点,javascript定义了isNaN()函数。这个函数接受一参数,该参数可以是任何类型,而函数会帮我们确定这个参数是否“不是数值”。isNaN()在接收到一个值之后,会尝试将这个值转换为数值:

alert(isNaN(NaN));                //true
alert(isNaN(10));                    //false
alert(isNaN("10"));                //false(可以被转换成数值10)
alert(isNaN("blue"));            //true
alert(isNaN(true));                //false(可以被转换成数值1)

数值转换,有3个函数可以把非数值转换为数值:Number(),parseInt(),parseFloat()。第一个函数,即转型函数Number()可以用于任何数据类型,而另两个函数则专门用于把字符串转换成数值。这三个函数对于同样的输入会有返回不同的结果。Number()函数的转换规则如下:

  • 如果是Boolean值,true和false将分别被转换为1和0;

  • 如果是数字值,只是简单的传入和返回;

  • 如果是null值,返回0;

  • 如果是undefined,返回NaN;

  • 如果是字符串,遵循下列规则:1如果字符串只包含数字,则将其转换为十进制数值。2如果字符串中包含有效的浮点格式,则将其转换为对应的浮点数值。3如果字符串包含有效的十六进制格式,则将其转换为相同大小的十进制整数。4如果字符串是空(不包括任何字符),则将其转换为0。5 如果字符串中包含除上述格式之外的字符,则将其转换为NaN。

由于Number()函数在转换字符串时比较复杂而且不够合理,因此在处理整数的时候更常用parseInt()函数。parseInt()与parseFloat()这里就不过多解释了,要用就百度下。

4.6 String类型

String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串。字符串可以由双引号("")或单引号('')表示:

var firstname = "Nicholas";
var lastName = 'zakas';

把一个值转换为一个字符串有两种方式。第一种是使用几乎每个值都有的toString()方法。这个方法唯一要做的就是返回相应值的字符串表现。

var age = 11;
var ageAsString = age.toString();            //字符串"11"
var found = true;
var foundAsString = found.toString();        //字符串"true"

但null和undefined值没有这个方法。在不知道要转换的值是不是null或undefined的情况下,还可以使用转型函数String(),这个函数能够将任何类型的值转换为字符串。String()函数遵循下列转换规则:

  • 如果值有toString()方法,则调用该方法并返回相应的结果;

  • 如果值是null,则返回"null";

  • 如果值是undefined,则返回“undefined”。

4.7 Object类型

javascript中的对象其实就是一组数据和功能的集合。对象可以通过new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加属性和(或)方法,就可以创建自定义对象,如下所示:

var o = new Object();

这个语法与java中创建对象的语法相似,但在javascript中,如果不给构造函数传递参数,则可以省略后面那一对圆括号。不过不推荐这样做。在javascript中,Object类型是所有它的实例的基础,Object类型所具有的任何属性和方法也同样存在于更具体的对象中。Object的每个实例都具有下列属性和方法:

  • constructor——保存着用于创建当前对象的函数。对于前面的例子而言,构造函数就是Object()。

  • hasOwnProperty(propertyName)——用于检查给定的属性在当前对象实例中(而不是在实例的原型中)是否存在。其中,作为参数的属性名必须以字符串形式指定,如:o.hasOwnProperty("name");

  • isPrototypeOf(object)——用于检查传入的对象是否是另一个对象的原型。

  • propertyIsEnumerable(propertyName)——用于检查给定的属性是否能够使用for-in语句来枚举。与hasOwnProperty()方法一样,作为参数的属性名必须以字符串形式指定。

  • toString()——返回对象的字符串表示。

  • valueOf()——返回对象的字符串,数值或布尔值表示。通常与toString()方法的返回值相同。

5. 操作数

其它的不讲了,这里只说一下布尔操作符,相等操作符

5.1 逻辑非(!)

逻辑非操作符由一个叹号!表示,可以应用于javascript中的任何值。无论这个值是什么数据类型,这个操作符都会返回一个布尔值。逻辑非操作符遵循下列规则:

  • 如果操作数是一个对象,返回false.

  • 如果操作数是一个空字符串,返回true

  • 如果操作数是一个非空字符串,返回false

  • 如果操作数是0,返回true

  • 如果操作数是任意非0数值,返回false.

  • 如果操作数是null,返回true

  • 如果操作数是NaN,返回true

  • 如果操作数是undefined,返回true

alert(!false);        //true
alert(!0);            //true

逻辑非操作符也可以用于将一个值转换为与其对应的布尔值。而同时使用两个逻辑非操作符,实际上就会模拟Boolean()转型函数的行为:

alert(!!"blue");            //true
alert(!!NaN);                //false

5.2 逻辑与

逻辑与操作符由两个和号(&&)表示,有两个操作数,示例:

var result = true && false;

逻辑与操作属于短路操作,即如果第一个操作数能够决定结果,那么就不会再对第二个操作数求值。

逻辑与操作可以应用于任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的情况下,逻辑与操作就不一定返回布尔值;此时,它遵循下列规则:

  • 如果第一个操作数是对象,则返回第二个操作数

  • 如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回该对象

  • 如果两个操作数都是对象,则返回第二个操作数。

  • 如果有一个操作数是null,则返回null

  • 如果有一个操作数是NaN,则返回NaN

  • 如果有一个操作数是undefined,则返回undefined

5.3 逻辑或

逻辑或操作符由两个竖线符号(||)表示,有两个操作数。

var result = true || false;

与逻辑与操作符相似,逻辑或操作符也是短路操作符。逻辑或也可以应用于任何类型的操作数,如果有一个操作数不是布尔值,逻辑或也不一定返回布尔值:

  • 如果第一个操作数是对象,则返回第一个操作数

  • 如果第一个操作数的求值结果为false,则返回第二个操作数

  • 如果两个操作数都是对象,则返回第一个操作数

  • 如果两个操作数都是null,则返回null

  • 如果两个操作数都是NaN,则返回NaN

  • 如果两个操作数都是undefined,则返回undefined

5.4 相等操作数

相等和不相等:javascript中的相等操作符由两个等于号(==)表示,如果两个操作数相等,则返回true。而不相等操作符由叹号后跟等于号(!=)表示,如果两个操作数不相等,则返回true。这两个操作符都会先转换操作数(通常称为强制转型),然后再比较它们的相等性。在转换不同的数据类型时,相等和不相等操作符遵循下列基本规则:

  • 如果有一个操作数是布尔值,则在比较相等性之前先将其转换为数值——false转换为0,而true转换为1。

  • 如果一个操作数是字符串,另一个操作数是数值,在比较相等性之前先将字符串转换为数值。

  • 如果一个操作数是对象,另一个操作数不是,则调用对象的valueOf()方法,用得到的原始值按照前面的规则进行比较

这两个操作符在进行比较时则要遵循下列规则:

  • null和undefined是相等的

  • 要比较相等性之前,不能将null和undefined转换成其他任何值

  • 如果有一个操作数是NaN,则相等操作符返回false,而不相等操作符返回true。重要提示:即使两个操作数都是NaN,相等操作符也返回false,因为按照规则,NaN不等于NaN。

  • 如果两个操作数都是对象,则比较它们是不是同一个对象。如果两个操作数都指向同一个对象,则相等操作符返回true,否则返回false。

下表列出了一些特殊情况及比较结果:

表达式    
值      
表达式     

null == undefined
true
true == 1
true
"NaN" == NaN
false
true == 2
false
5 == NaN
false
undefined == 0
false
NaN == NaN
false
null == 0
false
NaN != NaN
true
"5" = 5
true
false == 0
true


全等和不全等:除了在比较之前不转换操作数之外,全等和不全等操作符与相等和不相等操作符没有什么区别。全等操作符由3个等于号(===)表示,它只在两个操作数未经转换就相等的情况下返回true,如例:

var result1 = ("55" == 55);            //true,因为转换后相等
var result2 = ("55" === 55);          //false,因为不同的数据类型不相等

不全等操作符由一个叹号后跟两个等于号(!==)表示,它在两个操作数未经转换就不相等的情况下返回true。例如:

var result1 = ("55" != 55);                //false,因为转换后相等
var result2 = ("55" !== 55);              //true,因为不同的数据类型不相等

由于相等和不相等操作符存在类型转换问题,而为了保持代码中数据类型的完整性,我们推荐使用全等和不全等操作符。

6. 语句

6.1 if语句

if语句的语法,示例如下:

var i = 24;
if(i > 25)
    alert("Greater  than 25. ");                             //单行语句
else {
    alert("Less than or equal to 25. ");                //代码块中的语句
}

6.2 do-while语句

do-while语句是一种后测试循环语句,即只有在循环体中的代码执行之后,才会测试出口条件。在对条件表达式求值之前,循环体内的代码至少会被执行一次。

var i = 0;
do{
    i += 2;
}while(i < 10);

6.3 while语句

while语句属于前测试循环语句,在循环体内的代码被执行之前,就会对出口条件求值。因此,循环体内的代码有可能永远不会被执行。

var i = 0;
while(i < 10){
    i += 2;
}

6.4 for语句

for语句也是一种前测试循环语句,但它具有在执行循环之前初始化变量和定义循环后要执行的代码的能力。

for(var i=0;i<count;i++){
    alert(i);
}

6.5 for-in语句

for-in语句是一种精准的迭代语句,可以用来枚举对象的属性。示例:

for(var propName in window){
    document.write(propName);
    document.write("<br/>");
}

6.6 label语句

使用label语句可以在代码中添加标签,以便将来使用(类似java中代标签的for)。示例:

start: for(var i=0; i<count; i++){
    alert(i);
}

这个例子中定义的start标签可以在将来由break或continue语句引用。加标签的语句一般都要与for语句等循环语句配合使用。

6.7 break和continue语句

break和continue语句用于在循环中精确地控制代码的执行。其中,break语句会立即退出循环,强制继续执行循环后的语句。而continue语句虽然也是立即退出循环,但退出循环后会从循环的顶部继续执行。

for(var i=0;i<10;i++){
    if(i % 5 == 0){
        break;
    }
}
for(var i=0;i<10;i++){
    if(i % 5 == 0){
        continue;
    }
}

6.8 with语句

with语句的作用是将代码的作用域设置到一个特定的对象中,with语句的语句如下:

with(expression) atatement

定义with语句的目的主要是为了简化多次编写同一个对象的工作。如下示例:

var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;

上面几行代码都包含location对象。如果使用with语句,可以把上面的代码改写成:

with(location){
    var qs = search.substring(1);
    var hostName = hostname;
    var rul = href;
}

在重写后的例子中,使用with语句关联了location对象。这意味着在with语句的代码块内部,每个变量首先被认为是一个局部变量,而如果在局部环境中找不到该变量的定义,就会查找location对象中是否有同名的属性。如果发现了同名属性,则以location对象属性的值作为变量的值。注:由于大量使用with语句会导致性能下降,同时也会给调试代码造成困难,因此在开发大型应用程序时,不建议使用with语句。

6.9 switch语句

switch语句与if语句的关系最为密切,而且也是在其他语言中普遍使用的一种流控制语句:

var i = 25;
switch(i){
    case 25:  /*合并两种情形*/
    case 35: alert("25 or 35"); break;
    case:45: alert("45");break;
    default: alert("Other");
}

7. 函数

javascript中的函数使用function关键字来声明,后跟一组参数以及函数体。示例:

function sayHi(name, message){
    alert("Hello " + name + "," + message);
}

这个函数可以通过其函数名来调用,后面还要加上一对圆括号和参数(圆括号中的参数如果有多个,可以用逗号隔开)。调用sayHi函数的代码如下:

sayHi("Nicholas","how are you today?");

javascript中的函数在定义时不必指定是否返回值。实际上,任何函数在任何时候都可以通过return语句后跟要返回的值来实现返回值。示例:

function sum(num1, num2){
    return num1 + num2;
}

另外,return语句也可以不带有任何返回值。在这种情况下,函数在停止执行后将返回undefined值。

7.1 理解参数

javascript函数的参数与大多数其他语言中函数的参数有所不同。javascript函数不介意传递进来多少个参数,也不在乎传进来参数是什么数据类型。也就是说,即使你定义的函数只接收两个参数,在调用这个函数时也未必一定要传递两个参数。可以传递一个,三个甚至不传递参数,而解析器永远不会有什么怨言。之后以会这样,原因是javascript中的参数在内部是用一个数组来表示的。函数接收到的始终都是数组,而不关心数组中包含哪些参数(如果有参数的话)。如果这个数组中不包含任何元素,无所谓;如果包含多个元素,也没有问题。实际上,在函数体内可以通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数。

其实,arguments对象只是与数组类似(它不是Array的实例),因为可以使用方括号语法访问它的每一个元素(即每一个元素是arguments[0],第二个元素是arguments[1],以此类推),使用length属性来确定传递进来多少个参数。在前面的例子中,sayHi()函数的第一个参数的名字叫name,而该参数的值也可以通过访问arguments[0]来获取:

function sayHi(){
    alert("Hello " + arguments[0] + ". " + arguments[1]);
}

这个重写后的函数中不包含命名的参数,虽然没有使用name和message标识符,但函数的功能依旧。这个事实说明了javascript函数的一个重要特点: 命名的参数只提供便利,但不是必需的。另外,在命名参数方面,其它语言可能需要事先创建一个函数签名,而将来的调用必须与该签名一致。但在javascript中,没有这些条条框框,解析器不会验证命名参数。

关于参数还要记住最后一点:没有传递值的命名参数将自动被赋于undefined值。

7.2 没有重载

javascript函数不能像传统意义上那样实现重载。而在其他语言(如java)中,可以为一个函数编写两个定义,只要这两个定义的签名不同即可。javascript函数没有签名,因为其参数是由包含零或多个值的数组来表示的。如果在javascript中定义了两个名字相同的函数,则该名字只属于后定义的函数:

function addSomeNumber(num){
    return name + 100;
}
function addSomeNumber(num){
    return num + 200;
}
var result = addSomeNumber(100);        //300


标签: js
共有 人打赏支持
粉丝 200
博文 394
码字总数 347782
×
柳哥
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: