JavaScript基础

JavaScript代码块存在形式

存在HTML文档内

以文件的方式进行引入

JavaScript代码块尽量放在文档的尾部，这样等HTML文档上面的代码和CSS样式加载完成之后才会去加载JavaScript代码，当然这也不是绝对的。

注释

// 单行注释/* 多行注释 */

变量

局部变量

var a = 1;

全局变量

a = 1;

例子

// 创建一个全局变量name=asname = "as";// 创建一个桉树function hello(){    // 在函数内创建一个变量naem=ansheng    var name = "ansheng";    // 在函数内输出name的值    console.log(name)}// 执行函数hello();// 输出name的值console.log(name)

输出结果如下

如果把函数内的var name = "ansheng";换成name = "ansheng";，那么输出如下

数据类型

JavaScript中的数据类型分为原始类型和对象类型

原始类型

1. 数字

2. 字符串

3. 布尔值

对象类型

1. 数组

2. 字典

3. 日期

4. 函数

特别的，数字、布尔值、null、undefined、字符串是不可变。

null是JavaScript语言的关键字，它表示一个特殊值，常用来描述空值,undefined是一个特殊值，表示变量未定义。

var n = null;console.log("n is val:" + n);var u = undefined;console.log("u is val:" + u);var hello;console.log("hello is val:" + hello);function un(){    // 在输出word的时候这个变量还没有被定义，所以是undefined    console.log("word is val:" + word);    var word = "as";}un();

输出如下

数字(Number)

数字类型在Javascript中代表了所有的数字，包括小数、负数、长整数，统称数字类型。

创建数字类型

// 直接创建了一个原始值num1 = 123;// 通过Number类创建一个对象num2 = new Number(456);

数据类型转换

// 创建一个字符串s = "123";// 将字符串转换成数字n = parseInt(s);// 转换成浮点f = parseFloat(s);console.log(n,f);

NaN非数字

例如下面的例子中如果两个值都转成数字类型，如果转换成功就输出success，并把之打印出来，如果转换失败就输出error，并把值打印出来：

s1 = "uuii";s2 = "123";n1 = parseInt(s1);n2 = parseInt(s2);if (isNaN(n1)){    console.log("n1 is error, val= " + n1);}else{    console.log("n1 is success, val= " + n1);};if (isNaN(n2)){    console.log("n2 is error, val= " + n2);}else{    console.log("n2 is success, val= " + n2);};

输出

参考:
http://www.shouce.ren/api/javascript/l_Number.html

字符串类型

字符串是由字符组成的数组，但在JavaScript中字符串是不可变的：可以访问字符串任意位置的文本，但是JavaScript并未提供修改已知字符串内容的方法。

常见功能：

// 创建一下变量用于测试str = "hello world";tri = " a b ";r = "v2h";

布尔类型(Boolean)

布尔类型只有两种：

1. true

2. false

测试如下：

数组(集合)

创建一下数组用于测试

obj = ['a','b','c'];obj_h = [1,2];obj_s = [1,"a",2,"d","h"];

伪字典

通过对象创建一个字典

 dic = { "k1": 1, "k2": 2 };

数据类型检测

typeof

适合基本类型及function检测，遇到null则失效

var str = "string";typeof(str);// "string"n = null;// nulltypeof(n);// "object"

instanceof

是和自定义对象检测，也可以用来检测原生对象，在不同的window或iframe间检测时失效

// 创建两个函数Person和Studentfunction Person(){};function Student(){};Student.prototype = new Person;Student.prototype.constructor = Student;// 创建一个bosn对象，由Studentvar bosn = new Student();// 判断bosn是否由Student对象创建bosn instanceof Student;// truevar one = new Person();one instanceof Person;// trueone instanceof Student;// falsebosn instanceof Person;// true

prototype

适合{}.toString拿到，适合内置对象和基本元类型

Object.prototype.toString.apply([]);// "[object Array]"Object.prototype.toString.apply(function(){});// "[object Function]"Object.prototype.toString.apply(null);// "[object Null]"Object.prototype.toString.apply(undefined);// "[object Undefined]"``## 序列化创建两个变量```JavaScriptk = [11, 22, 33, 44];v = "[11,22,33,44]";

URL转义

// 创建一个变量ss = "http://ansheng.me/%E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C";v = "http://ansheng.me/你";

eval

JavaScript中的eval是Python中eval和exec的合集，既可以编译代码也可以获取返回值。

正则表达式

JavaScript中支持正则表达式，其主要提供了两个功能：

// 创建一个变量aa = 1;// 创建一个表达式rr = /\d/;// 表达式测试,匹配成功则返回truea.test(/\d/);// 获取表达式匹配出来的结果，["1"]r.exec(a)

注：定义正则表达式时，“g”、”i”、”m”分别表示全局匹配，忽略大小写、多行匹配。

时间处理

JavaScript中提供了时间相关的操作，时间操作中分为两种时间：

1. 时间统一时间

2. 本地时间（东8区）

// 创建一个事件对象date = new Date()// date = Sat Aug 13 2016 16:29:59 GMT+0800 (中国标准时间)

更多操作参见：http://www.shouce.ren/api/javascript/main.html

当前文章非永久URL：https://blog.ansheng.me/article/python-full-stack-way-javascript-foundation/

创建时间：2016年12月30日 10:19

更新时间：2016年12月31日 21:49