JavaScript基础②基本语法

2016-11-15 本文已影响108人逝我

前言

对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 修饰的局部变量是全局变量

全局变量

<script>
    function test() {
        msg = "message"; // 全局变量
    }
    test();
    alert(msg);
</script>

JavaScript语法严格模式

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

全局严格模式

<script>
    "use strict";
</script>

函数严格模式

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

JavaScript基本数据类型

数据类型	表示的含义
undefined	这个值未定义
boolean	值是布尔值（true值@true/任何非空字符串/任何非零数值/任何对象false值@false/""(空字符串)/0和NaN/null/undefined）
string	值是字符串
number	值是数值
object	值是对象或是null
function	值是函数

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每个实例都具有如下属性和方法：

属性/方法	功能
constructor	保存着用于创建当前对象的函数 -- 构造函数，创建对象时调用
hasOwnProperty(propertyName)	用于检查给定的属性在当前对象实例中，其中作为参数的属性名(propertyName)必须以字符串形式指定(obj.hasOwnProperty("name"))
isPrototypeOf(object)	用于检查传入的对象是否是传入对象的原型
propertyIsEnumerable(propertyName)	用于检查给定的属性是否够使用for-in语句
toLocaleString()	返回对象的字符串表示，该字符串与执行环境的地区对应
toString()	返回对象的字符串表示
valueOf()	返回对象的字符串，数值或布尔表示，通常与toString()方法返回值相同

函数

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

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

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

Demo

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函数相对比较灵活，可以不通过函数的形参传递参数，这样无形中具有了可变参数的性质。

结语

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