JavaScript 基础②基本语法

前言

对 web 开发有过了解的童鞋，应该知道脚步语言的一些特性，脚本语言又分为服务器端脚本语言，客户端脚本语言，服务端脚本语言有：PHP , Python , Ruby ，JavaScript（NodeJS） 等，客户端脚本语言有：JavaScript ， VBScript（已退出历史舞台）等。起先 JavaScript 只在客户端大战拳脚 ， 如今有了 NodeJS，JavaScript 也在服务器端有了一席之地，还有比较好用的 NPM 包管理器。

基本语法

一 、JavaScript 语法与 C 语言类似，有所不同的是 JavaScript 是弱类型语言，变量对象引用都是用 var 来标识 。

二、JavaScript 变量函数名操作符区分大小写 ，标识符采用驼峰命名法

三、注释风格和 C 语言一样 ， 有单行和多行注释 // //**

四、变量：ECMAScript 的变量是松散类型 ， 使用 var 作为变量操作符 : var 变量名 var msg = "message" ， 没有使用 var 修饰的局部变量是全局变量

全局变量

JavaScript 语法严格模式

因为 JavaScript 是弱类型语言，有时候会出现一些不确定的行为，所以 JavaScript 给我们提供的严格模式，PHP 也有类似的机制，不过，大多数情况下不用。

全局严格模式

<script>    
 "use strict";    
</script>  
  
> 函数严格模式  
  
<script>    
 function doSomething() {    
 "use strict";    
 // 函数体    
 }    
</script>

JavaScript 基本数据类型

boolean Demo

<script>  
 var msg = "Message";  
 if(msg) {  
 alert("value is true"); // out : value is true  
 }  
</script>

JavaScript 是弱类型，所以往往不知道变量是啥类型，可以使用 typeof 来进行检查变量类型

 // typeof 操作符  
 var str = "落花有意随流水，流水无情恋落花" ;  
 alert(typeof str);  // string  
 var num = 90 ;  
 alert(typeof num); // number  
 var obj = null;  
 alert(typeof obj); // object  
 var t = test;  
 alert(typeof t); // function  
 var b = true;  
 alert(typeof b); // boolean  
 // 未定义data  
 alert(typeof data); // undefined

类型转换

数值类型转换

alert(parseInt("123ddd"));  
alert(parseFloat("123.01"));

字符转换 ： 使用单引号与双引号完全相同

几乎所有的值都有 .toString() 方法 。var age = 20 ; age.toString() // 字符串20

① 如果值有 toString()方法，则调用该方法(没有参数)并返回相应的值 ② 如果值是 null ， 则返回 "null" ③ 如果值是 undefined ，则返回 "undefined"

Object 类型

ECMAScript 中的对象其实就是一组数据和功能的集合。对象可以通过 new 操作符后跟要创建的对象类型名称来创建。而创建 Object 类型的实例可以为其添加属性和方法，就可以创建自定义对象。

var obj = new Object();  
// or var obj = new Object; // 不推荐

Object 每个实例都具有如下属性和方法：

函数

JavaScript 函数，说起函数相信大家都不会模式，类似的叫法很多，在 C 语言中也叫函数，在 Java 中叫方法，叫法不一样，但都是表示一个东西，就是封装了一系列指令的集合。

function functionName(arg0,arg1,...) {  
 statements  
}

TIPS:JavaScript 函数参数，在内部是用一个数组来表示的，函数接收的始终是一个数组。ECMAScript 中的函数在定义的时候不必指定是否有返回值。

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


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

JavaScript 函数的参数，是由 arguments 对象来接收与数组类型(并不是 array 实例)，使用 arguments[index] 来访问元素

JavaScript 函数没有重载函数 ，可以通过判断 arguments.length 来判断参数个数，用以做出不同的动作。

// 不包含命名参数一样可以接收到传递的参数 ，可以使用`arguments.length`来判断参数个数
function sayHi() {
alert("Hello "+arguments[0] + " , "+arguments[1]) ;
}
sayHi("zeno",12);
```

JavaScript函数相对比较灵活，可以不通过函数的形参传递参数，这样无形中具有了可变参数的性质。

### 结语

相对于做项目，学习语言的语法相对比较轻松。学习项目专注于软件工程化架构，学习语言专注于特性思维的构建。