Javascript基础

简介

JavaScript，一种直译式脚本语言，是一种动态类型、基于原型的语言，内置支持类别。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。然而现在JavaScript也可被用于网络服务器，如Node.js。--维基百科

javascript能做很多事情：

web前端，jQuery, Bootstrap, RequireJS等
移动Web开发 (Mobile Web)，jQuery Mobile, zepto.js
Web后端，NodeJS
Hybrid App，PhoneGap, AppCan
桌面应用，如 node-webkit,heX,Electron
游戏，Cocos2d-js
超越web,JavaScript在物联网的应用
其他：浏览器插件等

基础概念

标识符

所谓标识符是指变量、函数、属性的名字，或者函数的参数。标识符的书写有几个特征

区分大小写
第一个字符必须是字母、下划线（_）、或者是$
后面的可以是字母、数字、下划线、$

命名规范

变量使用驼峰命名法，第一个单词首字母小写，后面单词首字母大写
变量使用名词，方法函数使用动词开头，常量全部用大写字母，构造函数首字母大写
命名要包含语义

var firstName;
var isArray;
var PI;
function Person(){}

变量

变量是对“值”的引用，javascript 用var来声明变量。
var a = 1;
声明变量未赋值，那么变量的值为 undefined。

var a;
a // undefined

变量提升

所谓变量提升，就是javascript引擎先解析代码，获取所有声明的变量，然后再一行一行地运行，而所有的变量以及声明语句，都会被提升到代码的头部。

console.log(a); //undefined
var a = 1;

语句

语句是为了完成某种任务的操作，语句以分号结尾，一个分号就表示一个语句结束。

var a = 1+2;
var b = 'str';

注释

注释就是在程序开发中添加的标注，方便阅读。js引擎会忽略这些语句。
javascript有两种注释：一种是单行注释，另一种是多行注释。

//单行注释
var a＝1；//为变量a赋值
/*
多行注释
*/
function getName(id){
    return id;
}

数据类型

Javascript 中的每一值，都属于某一种数据类型。Javascript的数据类型有六种（ES6新增了第七种Symbol）

数值（number）：整数和小数（比如1和3.14）
字符串（string）：字符组成的文本（比如"Hello World"）
布尔值（boolean）：true（真）和false（假）两个特定值
undefined：表示“未定义”或不存在，即此处目前没有任何值
null：表示空缺，即此处应该有一个值，但目前为空
对象（object）：各种值组成的集合

通常，我们将数值、字符串、布尔值称为原始类型（primitive type）的值，即它们是最基本的数据类型，不能再细分了。而将对象称为合成类型（complex type）的值，因为一个对象往往是多个原始类型的值的合成，可以看作是一个存放各种值的容器。至于undefined和null，一般将它们看成两个特殊值。

数据类型转换

转换函数

toString() 转换为字符串，在JavaScript中所有数据类型都可以转换为string类型

var n1 = 12;
var n2 = true;
var a = [1, 2, 3];
var o = {};
function f(){}
n1.toString(); //"12"
n2.toString(); //"true"
a.toString(); //"1,2,3"
o.toString(); //"[object Object]"
f.toString(); //"function f(){}"

parseInt() 解析出一个string或者number类型的整数部分，如果没有可以转换的部分，则返回NaN（not a number）
```
var n1 = "12";
var n2 = "23hello";
var n3 = "hello";
parseInt(n1); //12
parseInt(n2); //23
parseInt(n3); //NaN
```
parseFloat() 解析出一个string的浮点数部分，如果没有可以转换的部分，则返回NaN（not a number）。
```
var n1 = "1.2.3";
var n2 = "1.2hello"
var n3 = "hello"
parseFloat(n1); //1.2
parseFloat(n2); //1.2
parseFloat(n3); //NaN 
```

强制类型转换

Boolean(value)——把给定的值转换成Boolean型；

Boolean(123); //true
Boolean(""); //false
Boolean([]); //true
Boolean({}); //true
Boolean(null); //false
Boolean(undefined); //false

Number(value)——把给定的值转换成数字（可以是整数或浮点数）；

Number("123"); //123
Number("123h"); //NaN
Number(true); //1
Number(false); //0
Number(undefined); //NaN
Number(null); //0
Number([]); //0
Number({}); //NaN

String(value)——把给定的值转换成字符串。

String(123); //"123"
String([1,2]); //"1,2"
String(undefined) //"undefined"
String(null) //"null"
String({}) //"[object Object]"

隐式转换
- 数字＋字符串：数字转换为字符串
```
console.log(12+"12"); //1212
```
- 数字＋布尔值：true转换为1，false转换为0
```
   console.log(12+true); //13
```
- 字符串＋布尔值：布尔值转换为true或false
```
    console.log("hello"+true); //hellotrue
```
- 布尔值＋布尔值
```
    console.log(true+true); //2
```

null和undefined

undefined 表示一种未知状态，声明了但没有初始化的变量，变量的值时一个未知状态。访问不存在的属性或对象window.xxx）方法没有明确返回值时，返回值是一个undefined.当对未声明的变量应用typeof运算符时，显示为undefined。
null表示尚未存在的对象,null是一个有特殊意义的值。可以为变量赋值为null，此时变量的值为“已知状态”(不是undefined)，即null。（用来初始化变量，清除变量内容，释放内存）

undefined==null   //结果为true,但含义不同。
undefined===null //false,两者类型不一致，前者为“undefined”，后者为“object”

Javascript基础