JavaScript 基础知识

情到浓时终转凉″ 提交于 2020-03-16 12:29:24

JavaScript 基础知识

JavaSCript 基础知识:变量、原始值和引用值、运算符、类型转换、typeof 等

变量

var a; // 声明
a = 1; // 赋值
var b = 2; // 声明并赋值
var x = 1,
    y,
    z = 3; // 单一声明方式

关键字

不能将关键字和保留字用作变量名或函数名

break
case
catch
continue
default
delete
do
else
finally
for
function
if
in
instanceof
new
return
switch
this
throw
try
typeof
var
void
while
with

保留字

一些保留字已经在 ES6 语法中使用

abstract
boolean
byte
char
class
const
debugger
double
enum
export
extends
final
float
goto
implements
import
int
interface
long
native
package
private
protected
public
short
static
super
synchronized
throws
transient
volatile

原始值

  1. JavaScript 有 5 种原始值,即 5 种基本类型

    Number String Boolean undefined null
  2. 基本类型根据声明后所赋的值自动确定,称之为弱类型语言

    var a = 1;
    var str = "lean javascript";
    var flag = true;
    var u = undefined; // 未定义,等同于只声明不赋值
    var n = null; // 空值,常用于初始化组件、销毁函数
  3. 原始值存放在栈内存

    var a = 1; // 在栈内存中开辟空间,存储 1 指向 a
    var b = a; // 复制 a 的值,在栈内存开辟空间存储,指向 b
    var a = 2; // 重新开辟一个栈内存空间,存储 2 指向 a,原来的空间等待覆盖

引用值

  1. 常用的引用值,即引用类型

    object array function data RegExp
  2. 引用值存放在堆内存

    var arr1 = [1,2,3,4]; // [1,2,3,4] 存放在堆内存中,栈内存中存放指向该数组的地址
    var arr2 = arr1; // arr1,arr2 都指向堆中的 [1,2,3,4]
    arr1.push(5); // push,对堆中的数组进行操作
    console.log(arr2); // 打印出 [1,2,3,4,5]
    arr1 = [1,2,3,4,5,6]; // 重新指向了堆内存中的 [1,2,3,4,5,6]
    console.log(arr2); // 依然打印出 [1,2,3,4,5]

错误

  1. 语法错误

    一个代码块里代码都不会执行

    console.log(1); // 不会执行
    console.log(2);// 使用中文分号,语法错误
    console.log(3); // 不会执行
  2. 通用错误

    前面会执行,后面不会

    console.log(1); // 会执行
    console.log(a);// a 未定义,通用错误之引用错误
    console.log(3); // 不会执行
  3. 一个 <script> 代码块发生错误,其他没有发生错误的代码块可以照常执行

运算符

  1. 赋值

    var a = 1, // 赋值
        b = 2,
        c = 3;
    var d = (a + b) * d; 
    // 声明 d -> 计算 -> 赋值
    // 括号运算 > 普通运算 > 赋值
  2. 加法

    var a = 1 + 1; // 2,加运算ren
    var b = "str1" + "str2"; // str1str2,字符串拼接
    var c = "str1" + 1; // str11,字符串拼接
    var d = "str" + null + undefined + NaN; // 字符串 + 任何类型都是字符串
    var e = 1 + 1 + "str" + (1 + 1); // 2str2
  3. 除法

    var a = 0 / 0; // NaN,非数,数字类型 Number
    // 与 NaN 做任何运算都得出 NaN
    var b = "a" / "b"; // NaN
    var c = 1 / 0; // Infinity,无穷,数字类型 Number
    Var d = -1 / 0; // -Infinity
  4. 取模

    // 取模(取余)
    var a = 4 % 6; // 4
    var b = 6 % a; // 2
    var c = 4 % 0; // NaN,非数
  5. 比较

    var a = 1 > 0, // true
        b = 1 > "0", // true,先把字符串转换成数字再比较
        c = "a" > "b", // false,按照 ASCII 码
        d = "4.5" > "11", // true,按照 ASCII 码,'4' > '1',后面不用比
        e = "1.5" > "11"; // false,'1' = '1','.' < '1' 
    var bool = 1 == 1; // true
    var bool = 1 == "1"; // true,相等不要求数据类型
    var bool = 1 === "1"; // false,全等要数据类型一致
    var bool = NaN == NaN; // false,NaN 与任何值不相等,包括它自己
  6. 逻辑

    /*
     * 为假的值:undefined null "" 0 NaN flase
     * 除了上述,全部为真
     */ 
    var a = 1 && 2; // 2
    var b = 1 || 2; // 1
    // &&,遇真往后走,遇假或走完,返回当前值
    // ||,遇假往后走,遇真或走完,返回当前值
    var c = !1; // false

条件控制

  1. if

    var a = 65;
    if(a >= 60 && a <= 100) {
          console.log("及格");
    }
    else if(a >= 0 && a < 60) {
          console.log("不及格");
    }
    else {
          console.log("分数有误");
    }
    // 自上而下判断,一旦满足,后面不看
  2. switch

    var a = 65;
    switch(true) { // 用 switch 实现 if
        case a >= 60 && a <= 100:
            console.log("及格");
            break;
        case a >= 0 && a < 60:
            console.log("不及格");
            break;
        default:
            console.log("分数有误");
    }
    // 如果不加 break,后面的 case 块都会执行

循环

  1. if

    for(var i = 0; i < 10; i++) {
        // ...
    }
    /*
     * 1.声明变量
     * 2.判断条件
     * 3.执行代码
     * 4.后续动作
     * 重复 2 3 4,一旦判断条件为 flase,结束循环
     */

    打印出 100 以内的质数

    var c = 0;
    for(var i = 2; i < 100; i++) { // 1 不是质数
     for(var j = 1; j <= i; j++) {
            if(i % j == 0){
                c++;
            }
        }
        if(c == 2) {
            console.log(i);
        }
    }
  2. while

    var i = 0; 
    // while
    while( i < 10) {
        // ...
        i++;
    }
    // do...while 先执行一次代码块,再判断是否后续
    do {
        i++;
    }while(i < 10);
    

typeof

  1. typeof 是一个运算符,用来判断数据类型

  2. typeof 的使用

    typeof(1); // 对表达式做运算,推荐写法
    typeof 1; // 对变量做运算
  3. typeof 的返回值

    typeof(123); // number
    typeof("123"); // string
    typeof(true) // boolean
    typeof(a); // undefined,a 未定义
    typeof({}); // object
    typeof([]); // object
    typeof(new Array(1,2,3)); // object
    /*
     *这里返回的 object 是包含 普通 object、array 的一个大的概念
     */
    typeof(null); // object,理解为空对象
    typeof(Array) // function,理解为对象的构造方法

类型转换

  1. 显示类型转换

    Number

    Number("123"); // 123
    Number("a"); // NaN
    Number(true); // 1
    Number(undefined); // NaN
    Number(null); // 0

    parseInt

    parseInt(”123.99“); // 123,取整数部分
    parseInt("a"); // NaN
    parseInt(true); // NaN
    parseInt(undefined); // NaN
    parseInt(null); // NaN
    // 第二参数,给定进制
    parseInt(10,16); // 16,16 进制的 10 -> 10 进制的 16
    parseInt("b",16); // 11,16 进制的 b -> 10 进制的 11
    // 以数字或正负号开头,提取前面的数字
    parseInt("abc123"); // NaN
    parseInt("-123abc"); // -123

    parseFloat

    parseFloat("3.1415"); // 3.1415
    parseFloat("3.145").toFixed(2); // 3.15,四舍五入,保留两位
    // 以数字或正负号开头,提取前面的数字
    parseFloat("3abc"); // 

    toString

    parseInt("100").toString(16) // "64",字符串 “100” -> 数字 100 -> 16 进制数的字符串
    Boolean("abc"); // true
    Boolean("abc").toString(); // "true"
  2. 隐式类型转换

    // 正负号 string -> number
    console.log(+"123"); // 123
    console.log(typeof(-"123"); // number
    // 自增、自减 string -> number
    var a = "1";
    a++;
    // 字符串拼接 number -> string
    var b = "str" + 1; // str1
    // 减、乘、除、取模 string -> number
    var c = "3" * 2; // 6
    // 数字与字符串比大小 string -> number
    var d = 1 > "2";
    // 数字与字符串是否相等 string -> number
    var e = 1 == "1";
    var f = 1 != "2";
    // 数字与字符串是否全等 不进行转换
    var e = 1 === "1"; // false
    // 布尔隐式转换为数字
    var g = 2 > 1 = 1; // true,2 > 1 -> true -> 1,1 = 1 -> true
    var h = undefined > 0, // false
        i = undefined < 0, // false
        j = undefined == 0; // false
    // undefined 和 0 比较都返回 false,null 也是如此
    var k = undefined == null; // true
    // isNaN(),首先经过 Number(),判断结果是否是 NaN
    isNaN("123"); // false
    isNaN("123abc"); // true
    isNaN(null); // false,null -> 0
    isNaN(undefined); // true,undefined -> NaN

ASCII 与 Unicode

  1. ASCII 码

    • 表一 0 - 127,表二 128 - 255
    • 每个字符一个字节
  2. Unicode

    • 前 255 位是 ASCII 码,每个字符一个字节
    • 256 位及之后,每个字符占两个字节
  3. 获取 Unicode 编码

    // string 的方法 charCodeAt(index)
    "a".charCodeAt(0); // a -> 97
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!