JavaScript学习基础

基本语法
    JavaScript语法和Java语言类似,每个语句以 ; 结束,语句块用 {...}包起来。JavaScript并不强制要求在每个语句的结尾加; ,但是建议都加上,不给自己找麻烦。
    注释分为行注释(//)和块注释()两种。
数据类型
    Number 
      // JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Number类型:

var num1 = 123; //整数123

var num2 = 0.456;//浮点数0.456

var num3 = 1.2345e3; //科学计数法表示 1.2345x1000,等同于1234.5

var num4 = -99;// 负数

var num5 = Nan;// NaN表示Not a Number,当无法计算结果时用NaN表示

var num6 = Infinity;// Infinity表示无限大,当数值超过了JavaScriptNumber所能表示的最大值时,就表示为Infinity

//Number可以直接做四则运算,规则和数学一致:

var num1 = (1 + 2) * 5 / 2; //等同于数学中   (1 + 2) X 5 ÷ 2

var num2 = 2 / 0;// Infinity

var num3 = 0 / 0;// NaN

var num4 = 10.5 % 3;//求余运算,  =1.5

字符串
        字符串是以单引号'或双引号"括起来的任意文本,比如'abc'"xyz"等等。请注意,''""本身只是一种表示方式,不是字符串的一部分,因此,字符串'abc'只有abc3个字符。

    布尔值
        //布尔值和布尔代数的表示完全一致,一个布尔值只有truefalse两种值,要么是true,要么是false,可以直接用truefalse表示布尔值,也可以通过布尔运算计算出来:

true; // 这是一个true

false; // 这是一个false

2 > 1; // 这是一个true

2 >= 3; // 这是一个false

//&&运算是与运算,只有所有都为true&&运算结果才是true

true && true; // 这个&&语句计算结果为true

true && false; // 这个&&语句计算结果为false

false && true && false; // 这个&&语句计算结果为false

//||运算是或运算,只要其中有一个为true||运算结果就是true

false || false; // 这个||语句计算结果为false

true || false; // 这个||语句计算结果为true

false || true || false; // 这个||语句计算结果为true

//!运算是非运算,它是一个单目运算符,把true变成falsefalse变成true

! true; // 结果为false

! false; // 结果为true

! (2 > 5); // 结果为true

//布尔值经常用在条件判断中,比如:

var age = 15;

if (age >= 18) {

    alert('adult');

} else {

    alert('teenager');

}

//当我们对Number做比较时,可以通过比较运算符得到一个布尔值:

2 > 5; // false

5 >= 2; // true

7 == 7; // true

//实际上,JavaScript允许对任意数据类型做比较:

false == 0; // true

false === 0; // false

//要特别注意相等运算符==JavaScript在设计时,有两种比较运算符:

//第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果;

//第二种是===比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较。

//由于JavaScript这个设计缺陷,不要使用==比较,始终坚持使用===比较。

//另一个例外是NaN这个特殊的Number与所有其他值都不相等,包括它自己:

NaN === NaN; // false

//唯一能判断NaN的方法是通过isNaN()函数:

isNaN(NaN); // true

//最后要注意浮点数的相等比较:

1 / 3 === (1 - 2 / 3); // false

//这不是JavaScript的设计缺陷。浮点数在运算过程中会产生误差,因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等,只能计算它们之差的绝对值,看是否小于某个阈值:

Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true

nullundefined
        null表示一个的值,它和0以及空字符串''不同,0是一个数值,''表示长度为0的字符串,而null表示。大多数情况下,我们都应该用nullundefined仅仅在判断函数参数是否传递的情况下有用。

    数组

//数组是一组按顺序排列的集合,集合的每个值称为元素。JavaScript的数组可以包括任意数据类型,例如:

var arr = [1,2,3.14,'Hello',null,true];

//另一种创建数组的方法是通过Array()函数实现:

var arr1 = new Array(1,2,3.14,'Hello',null,true);

//然而,出于代码的可读性考虑,强烈建议直接使用[]

//数组的元素可以通过索引来访问。请注意,索引的起始值为0:

arr[0];//返回索引为0的元素,即1

arr[5];//返回索引为5的元素,即true

arr[6];//索引超出了范围,返回undefined

对象

// JavaScript的对象是一组由键-值组成的无序集合,例如:

var person = {

    name:'Zero',

    age:'20',

    tags:['js','web','mobile'] //最后一个属性不能有" ",因为在IE6中会报错

};

总结 js数据类型

      基本数据类型:String(字符串)、boolean(布尔值)、Number(数字)、undefined(未定义)、null(空)

      引用数据类型:Object(对象)、Array(数组)、Date(时间)、RegExp(正则)、Function(函数)

     基本数据类型vs引用数据类型区别?

           (1)引用类型值可添加属性和方法,而基本类型值则不可以     

            //为引用类型值添加属性
           var p = new Object();
           p.age=11;
           alert(p.age);//11

           //为基本类型值添加属性
           var name = 'a';
           name.age = 11;
            alert(name.age); //undefined

           (2) 在复制变量值时,基本类型会在变量对象上创建一个新值,再复制给新变量。此后,两个变量的任何操作都不会影响到对方;而引用类型是 将存储在变量对象的值复制一份给新变量,但是两个变量的值都指向 存储在堆中的一个对象,也就是说,其实他们引用了同一个对象,改变其中一个变量就会影响到另一个变量。

            //引用类型值,以数组为例

           //1.对其中一个变量直接赋值不会影响到另一个变量(并未操作引用的对象)
           var a = [1,2,3];
           var b = a;
           a = [1,2,3,4];
           alert(a);//1,2,3,4
           alert(b); //1,2,3

           //2.使用push(操作了引用的对象)
           var a = [1,2,3];
           var b = a;
           a.push(4);
           alert(a);//1,2,3,4
           alert(b); //1,2,3,4

     检测类型:

     typeof:确定变量是字符串、数值、布尔值还是undefined的最佳工具。

      var num = 1;

      var a = 'a';

      var b;

      var flag = true;

      var o = null;

      alert(typeof num); //number

      alert(typeof a); //字符串

      alert(typeof b); //undefined

      alert(typeof flag); //boolean

      alert(typeof o); //object
    instanceof : 判断是否某个对象类型   
  var a = [1,2,3];
   alert(a instanceof Object); //true
   alert(a instanceof Array); //true
   alert(a instanceof RegExp); //false

// JavaScript对象的键都是字符串类型,值可以是任意的数据类型。要获取一个对象的属性,可以用 对象变量.属性名 的方式来:

person.name;//'Zero'

person.age;//'20'

原文地址:https://www.cnblogs.com/dekui/p/7786862.html