学习node.js时，作为对javascript的复习。不作为详细的基础讲解，只是简单的大体上过一遍。

1. 定义变量

使用 var 关键字

var myData ;
var myString = 'Some Text' ;
var newString = myString + ' some More Text' ;

命名规则：必须以字母、$或_开头，并且不能包含空格。
区分大小写。

2. 了解Javascript数据类型

字符串(String)

var myString = 'Some Text' ;
var anotherString = 'Some More Text' ;

数值(Number)
```
var myInteger = 1 ;
var cost = 1.33 ;
```

数组(Array)

var arr = { 'one', 'two', 'three' } ;
var first = arr[ 0 ] ;

对象字面量(Object)

var obj = { 'name': 'Brad', 'occupation': 'Hacker', 'age': 'Unknow' } ;
var name = obj.name ;

空(Null)
```
var newVar = null ;
```
注意：Javascript是一种无类型的语言。在脚本中并不需要指定一个变量的数据类型。解释器会自动推算出某个变量的正确数据类型。此外，可以将不同类型的值赋给一种类型的变量。

3. 使用运算符

3.1. 算数运算符

运算符	说明
+	加
-	减
*	乘
/	除
%	模（除法的余数）
++	递增
–	递减

注意：也可以使用+运算符来连接字符串或将字符串和数值加在一起。这可以快速连接字符串，以及将数值数据添加到输出字符串。

3.2 赋值运算符

运算符	示例	相当于算数运算符
=	x = 5	x = 5
+=	x += 5	x = x + 5
-=	x -= 5	x = x - 5
*=	x*=5	x = x * 5
/=	x /= 5	x = x / 5
%=	x %= 5	x = x % 5

3.3. 运用比较和条件运算符

比较运算符

运算符	说明
==	等于（只是值）
===	值和类型都相等
！=	不等于
！==	值和类型都不相等
>	大于
`>=`	大于或等于
<	小于
<=	小于或等于

- 逻辑运算符

运算符	说明
&&	并且

!	否

- if语句

if( x == 5 ) {
    do_something() ;
}

if( x == 5 ) {
    do_something() ;
} else {
    do_something_else() ;
}

if( x < 5 ) {
    do_something() ;
} else if( x < 10 ) {
    do_something_else() ;
} else {
    do_nothing() ;
}

switch语句

switch( 表达式 ) {
case value1: 
    <要执行的代码>
    break ;
case value2:
    <要执行的代码>
    break ;
default:
    <如果不是value1也不是value2要执行的代码>    
}

注意：**switch语句完全计算表达式，得到一个值，这个值可以是字符串、数值、布尔值，甚至是一个对象。
每个case语句都在最后包括break语句，表示从switch语句中断。**

4. 循环

4.1. while

var i = 1 ;
while( i < 5 ) {
    console.log( 'Iteration ' + i ) ;
    i++ ;
}

4.2. do/while

var i = 0;
do {
    console.log( 'Iteration ' + i ) ;
    i++ ;
} while( i <  5 ) ;

4.3. for

for( 赋值； 条件； 更新 ) {
    <要执行的代码>
}

4.4. for/in

var days = [ 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday' ] ;
for( var idx in days ) {
    console.log( 'It's ' + days[ idx ] + '<br>' ) ;
}

4.5. 中断循环

break

var days = [ 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday' ] ;
for( var idx in days ) {
    if( days[ idx ] == 'Wednesday' ) break ;
    console.log( 'It's ' + days[ idx ] + '<br>' ) ;
}

continue

var days = [ 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday' ] ;
for( var idx in days ) {
    if( days[ idx ] == 'Wednesday' ) continue ;
    console.log( 'It's ' + days[ idx ] + '<br>' ) ;
}

5. 创建函数

为了代码重用

5.1. 定义函数

关键字：function

function myFunction() {
    console.log( 'Hello World' ) ;
}

myFunction() ;

5.2. 传递变量给函数

function greeting( name, city ) {
    console.log( 'Hello ' + name ) ;
    console.log( '. How is the weather in ' + city ) ;
}

var name = 'Brad' ;

greeting( name, 'Florence' ) ;

5.3. 函数返回值

function formatGreeting( name, city ) {
    var retStr = '' ;
    retStr += 'Hello <b>' + name + '/n' ;
    retStr += 'Welcome to ' + city + '!' ;
    return retStr ;
}

var greeting = formatGreeting( 'Brad', 'Rome' ) ;
console.log( greeting ) ;

5.4. 匿名函数

console.log( doCalc( 5, 10, function( n1, n2 ) {
    return n1 + n2 ;
} ) ) ;

匿名函数的好处：不需要正式定义不在代码的其他任何地方使用的东西。因此，匿名函数使javascript代码更简洁已读。

6. 变量作用域

var myVar = 1 ;
function writeIt() {
    var myVar = 2; 
    console.log( 'Variable = ' + myVar ) ;
    writeMore() ;
}
function writeMore() {
    console.log( 'Variable = ' + myVar ) ;
}
writeIt() ;

7. Javascript对象

使用对象而不只是一个函数集合，是编写清洁、高效、可重复使用的Javascript代码的关键。

7.1. 使用对象语法

一个对象实际上只是一个容器，它将多个值和函数组合在一起。对象的值称为属性，对象的函数称为方法。
关键字：new

var x = new Number( '5' ) ;

对象语法：使用对象名称，然后是一个点，然后是属性或方法的名称。

var s = myObj.name ;
myObj.name = 'new Name' ;

var name = myObj.getName() ;
myObj.getName = function() {
    return this.name ;
}

创建对象

var obj = {
    name: 'My Object',
    value: 7,
    getValue: function() {
        return this.value;
    }
}

还可以通过使用 object propertyName 的语法来访问Javascript对象的成员。

var propName = 'User Name' ;
var val1 = myObj[ propName ] ;
var val2 = myObj[ 'Other Name' ] ;

7.2. 创建自定义对象

一：

var user = new Object() ;
user.first = 'Brad' ;
user.last = 'DayLey' ;
getName = function() {
    return this.first + ' ' + this.last ;
}

二：

var user = {
    first: 'Brad',
    last: 'Dayley',
    getName: function() {
        return this.first + ' ' + this.last ;
    }
}

三：

function User( first, last ) {
    this.first = first ;
    this.last = last ;
    this.getName = function() {
        return this.first + ' ' + this.last ;
    }
}

var user = new User( 'Brad', 'Dayley' ) ;

7.3. 使用原型对象模式

在原型中定义的函数只在Javascript加载时被创建一次，而不是每创建一个新的对象时都被创建。

function UserP( first, last ) {
    this.first = first ;
    this.last = last ;
}
UserP.prototype = {
    getFullName: function() {
        return this.first + ' ' + this.last ;
    }
}

8. 字符串

String对象是迄今为止在Javascript中最常用的对象。在定义一个字符串数据类型的变量的时候，Javascript就自动为你创建一个String对象。

String对象的转义码

转义码	说明
\’	单引号
\”	双引号
\	反斜杠
\n	换行符
\r	回车符
\t	制表符
\b	退格符
\f	换页符

- String对象的方法

方法	说明
charAt( index )	返回指定索引处的字符
charCodeAt( index )	返回指定索引处的Unicode值
concat( str1, str2, … )	连接两个或多个字符串，返回连接后的字符串的副本
fromCharCode()	将Unicode值转换成实际的字符
indexOf( subString )	返回指定的subString 值第一次出现的位置。如果没有找到subString，返回-1
lastIndexOf( subString )	返回指定的subString值最后出现的位置。如果没有找到subString，返回-1
match( regex )	搜索字符串，并返回正则表达式的所有匹配
replace( subString/regex, replacementString )	搜索字符串的字符串或正则表达式匹配，并用新的子串替换新匹配的子串。
search( regex )	基于正则表达式搜索字符串，并返回第一个匹配的位置
slice( start, end )	返回字符串的start和end(不含) 位置之间的部分的一个新字符串
split( sep, limit )	根据分隔符或正则表达式，把字符串分割为子字符串数组。可选的limit参数定义从头开始执行分割的最大数量
substr( start, length )	从字符串置顶的start位置开始，并按照指定的字符长度提取字符
substring( from, to )	返回字符索引在from 与 to(不含) 之间的子串
toLowerCase()	将字符串转换为小写
toUpperCase()	将字符串转换为大写
valueOf()	返回原始字符串值

8.1. 合并字符串

使用 + 操作或使用第一个字符串上的concat()函数将多个字符串合并

var word1 = 'Today ' ;
var word2 = 'is ' ;
var word3 = 'tomorrows\' ' ;
var word4 = 'yesterday.' ;
var sentence1 = word1 + word2 + word3 + word4 ;
var sentence2 = word1.concat( word2, word3, word4 ) ;

8.2. 在字符串中搜索子串

var myStr = 'I think, therefore I am.' ;
if( myStr.indexOf( 'think' ) != -1 ) {
    console.log( myStr ) ;
}

8.3. 在一个字符串中替换单词

var username = 'Brad' ;
var output = '<username> place enter your password: ' ;
output.replace( '<username>', username ) ;

8.4. 将字符串分割为数组

var t = '12:10:36' ;
var tArr = t.split( ':' ) ;
var hour = tarr[ 0 ] ;
var minute = tArr[ 1 ] ;
var sencond = tArr[ 2 ] ;

9. 数组

方法	说明
concat( arr1, arr2, … )	返回一个数组和作为参数传递的数组的连接副本
indexOf( value )	返回数组中value的第一个索引。或如果没有找到该条目，返回-1
join( separator )	把一个数组中所有元素连接为由separator分割的单个字符串。如果没有指定分隔符，则使用逗号作为分隔符
lastIndexOf( value )	返回数组中value的最后一个索引。如果没有该条目，返回-1
pop()	删除数组中的最后一个元素，并返回该元素
push( item1, item2, … )	添加一个或多个新元素到数组的结尾，并返回数组的新长度
reverse()	反转数组中所有元素的顺序
shift()	删除数组中的第一个元素，并返回该元素
slice( start, end )	返回start和end索引之间的元素
sort( sortFunction )	对数组进行排序。sortFunction是可选的
splice( index, count, item1, item2,.. )	在index指定的索引处，删除count个条目，然后在index处插入作为参数传入的任意可选条目
toString()	返回一个数组的字符串形式
unshift()	将新元素添加到数组的开头，并返回新的长度
valueOf()	方法返回一个数组对象的原始值

9.1. 合并数组

var arr1 = [ 1, 2, 3 ] ;
var arr2 = [ 'three', 'four', 'five' ] ;
var arr3 = arr1 + arr2 ;
var arr4 = arr1.concat( arr2 ) ;

9.2. 遍历数组

var week = [ 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday' ] ;
for( var i = 0; i < week.length, i++ ) {
    console.log( '<li>' + week[ i ] + '</li>' ) ;
}
for( dayIndex in week ) {
    console.log( '<li>' + week[ dayIndex ] + '</li>' ) ;
}

9.3. 数据转换为字符串

var timeArr = [ 12, 10, 36 ] ;
var timeStr = timeArr.join( ':' ) ;

9.4. 检查数组是否包含摸个条目

function message( day ) {
    var week = [ 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday' ] ;
    if( week.indexOf( day ) != -1 ) {
        console.log( 'Happy ' + day ) ;
    }
}

10. 错误处理

关键字： try/catch/finally

10.1. try/catch

try{
    var x = badVarName ;
} catch( err ) {
    console.log( err.name + ': "' + err.message + ' " occurred when assigning x.' ) ;
}

10.2. 抛出自己的错误

function sqrRoot( x ) {
    try {
        if( x == '' ) throw { message: "can't Square Root Nothing" } ;
        if( isNaN(x) ) throw { message: "can't Square Root Strings" } ;
        if( x < 0 ) throw { message: "Sorry No Imagination" } ;
        return "sqrt( " + x + " )" + Math.sqrt( x ) ;
    } catch ( err ) {
        return err.message ;
    }
}

10.3. finally

function testTryCatch( value ) {
    try {
        if( value < 0 ) {
            throw 'too small' ;
        } else if( value > 10 ) {
            throw 'too big' ;
        } 
        your code here ;
    } catch ( err ) {
        console.log( 'The number was ' + err ) ;
    } finally {
        console.log( 'This is always written' ) ;
    }
}

静心事成

原创文章 27 获赞 18 访问量 3万+

关注私信

Node.js + MongoDB + AngularJS - 2 Javascript基础