JavaScript学习基础

Posted 2020-10-13 逻辑短路

基本语法
    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表示无限大，当数值超过了JavaScript的Number所能表示的最大值时，就表示为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‘只有a，b，c这3个字符。

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

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变成false，false变成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

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

    数组

//数组是一组按顺序排列的集合，集合的每个值称为元素。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中会报错

};

 

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

person.name;//‘Zero‘

person.age;//‘20‘