为什么80%的码农都做不了架构师?>>>   

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

转载于:https://my.oschina.net/fhd/blog/396242

javascript之基本概念相关推荐

  1. JavaScript WebGL 基础概念

    引子 看了一个库的源码,里面用到了 WebGL ,就开始找 WebGL 的资料.发现相关的知识点很多,按照自己的理解习惯进行了整理记录. Origin My GitHub 简介 WebGL 是一个跨平 ...

  2. javascript面向对象基本概念

    从我刚开始接触JS这门语言,就有听说过一句话:"世间万物皆对象,盘它就完事儿!"那么对象究竟是什么?什么是面向对象编程? 自己也查阅了部分书籍与资料,个人的一些理解:对象就是从我们 ...

  3. javascript中重要概念-闭包-深入理解

    在上次的分享中javascript--函数参数与闭包--详解,对闭包的解释不够深入.本人经过一段时间的学习,对闭包的概念又有了新的理解.于是便把学习的过程整理成文章,一是为了加深自己闭包的理解,二是给 ...

  4. 前端学习笔记(五)-JavaScript语法基本概念

    基本概念 语法 对大小写敏感 采用驼峰命名风格 使用C风格的注释 //单行注释 /** 多行注释**/ 复制代码 严格模式,一种不同的解析与执行模型 启动方式:在顶部添加代码"use str ...

  5. javascript代码块概念及预编译机制

    JavaScript是一种描述型脚本语言,它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行.如果你不能理解javaScript语言的运行机制,或者简单地 ...

  6. JavaScript高级部分概念用法

    一.执行上下文 也称为可执行代码和执行上下文 执行代码:1.全局代码 2.函数代码 3.eval代码 eval("var a = 200;console.log(a)") 执行上下 ...

  7. javascript的基本概念

    1.区分大小写 ECMAScript 中的一切(变量.函数名和操作符)都区分大小写.HTML和CSS中是不会区分大小写的(但是HTML规范要求区分大小写). 注意: 把js写在HTML中(一般是点击事 ...

  8. javascript简介(概念)

    /*   javascript简介(这里只作简单的介绍还有后续文章)   author:shine */ 1.什么是脚本?   动态程序一般有两种实现方式,一种是二进制方式,一种脚本方式,二进制方式就 ...

  9. [javascript|基本概念|Number]学习笔记

    Number类型的值:整数/浮点数值 整数 十进制  e.g.: var intNum = 50; 八进制  (严格模式下无效,解析错误)字面值首位必须是0,之后的数字序列为0-7  e.g.: va ...

最新文章

  1. php where 优先,php – 使用WHERE选择所有内容
  2. Python「八宗罪」
  3. hadoop和spark搭建记录
  4. python scikit learn 封装_python的scikit-learn的主要模块和基本使用
  5. [BZOJ1177][Apio2009]Oil
  6. Javascript实现信息滚动效果的方法
  7. Vue之实例的生命周期
  8. dropdownlist ajax联动,asp.net省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例...
  9. 并查集——村村通(洛谷 P1536)
  10. easyui treegrid 获取新添加行inserted_IDEA 2020.2 稳定版发布,带来了不少新功能...
  11. 实现jQuery在vs2008下的智能提示
  12. 怎么高速旋转_洗衣机怎么选比较好,滚筒洗衣机和波轮洗衣机哪种更好?
  13. Android Multimedia框架总结(十)Stagefright框架之音视频输出过程
  14. 线程之线程池(ExecutorService)
  15. 操作系统课设 Nachos 实验六、七、八:Nachos 用户程序与系统调用、地址空间的扩展、系统调用 Exec() 与 Exit()
  16. 码农面试智力题及答案
  17. BIM知识 | BIM管线综合原则
  18. MATLAB希尔伯特变换
  19. R语言使用epiDisplay包的lroc函数可视化logistic回归模型的ROC曲线并输出诊断表、输出灵敏度、1-特异度、AUC值等、设置auc.coords参数指定AUC值在可视化图像中的位置
  20. java抖音字符视频_代码生成抖音文字视频

热门文章

  1. Python: UTF8转换代码实例
  2. 如何判断两个单向链表是否有相交,并找出交点
  3. 重新封装了一下NODE-MONGO 使其成为一个独立的服务.可以直接通过get/post来操作
  4. POJ 1716 区间最小点个数
  5. 【Groovy】自定义 Xml 生成器 BuilderSupport ( 继承 BuilderSupport 抽象类 | 在 createNode 方法中获取节点名称、节点属性、节点值信息 )
  6. 【Groovy】json 字符串反序列化 ( 使用 JsonSlurper 进行 json 字符串反序列化 | 根据 map 集合构造相关类 )
  7. 【开发环境】PyCharm 配置 GitHub ( 从 GitHub 中 Clone 代码到 PyCharm 开发环境中 )
  8. 【Android 逆向】Android 逆向基本概念 ( 软件运行时内存结构 | 文件与内存之间的联系 )
  9. 【鸿蒙 HarmonyOS】UI 组件 ( Text 组件 )
  10. 2019.04.09 电商23 用户未登录操作数据库