JavaScript & TypeScript学习总结

JavaScript & TypeScript学习总结

简介

JavaScript是互联网上最流行的脚本语言，这门语言可用于 HTML和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备，JavaScript是一种轻量级的编程语言。

变量

关键字

变量关键字	说明
var	声明的变量会被提升到当前作用域的最前面，它的作用域范围也就是当前作用域，即使它是在语句块中声明。
let	声明的变量会绑定当前语句块，被声明之后才可以使用。只在声明所在的块级作用域内有效；不存在“变量提升“现象，只能在声明的位置后面使用；也不可重复声明。
const	会绑定当前语句块，被声明之后才可以使用。只在声明所在的块级作用域内有效；不存在“变量提升“现象，只能在声明的位置后面使用；也不可重复声明。const声明之后不可变，如果声明的是对象，不能再指向另一个对象，但是对象属性可以变。

数据类型

类型	说明
Undefined	未定义类型
Null	空类型
Boolean	布尔类型
String	字符串类型
Number	数字类型
Symbol	一种特殊的、不可变的数据类型，可以作为对象属性的标识符使用。
Object	对象类型

前六种是基本数据类型，其中Boolean, String,Number有基本包装类型，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象。

对象的类定义

JavaScript给出了一种获取 [[Class]]值的方法，那就是使用Object.prototype.toString。

function judge(type,obj){
    var cla = Object.prototype.toString.call(obj).slice(8,-1);
    return obj !== undefined && obj !==null && cla === type;
}
var res = judge("String","ttt");
console.log(res)// true
res = judge('String', new String('test'));
console.log(res)// true

类型转换

//转为数值
var n1 = +'1';//1和下面等效
var n2 = Number('1');//1
var n3 = parseInt('1.3blue');//1
var n4 = parseInt('blue1');//NaN
var n5 = parseInt('0123.23',8);//83
var n6 = parseFloat('123.23.12blue');//123.23
//转为字符串
var s1 = '' +1;//"1"和下面等效
var s2 = String(1);//"1"
//转为布尔值
var b1 = !!'1';//true和下面等效
var b3 = Boolean('1');//true

布尔类型转换规则

类型	转换为true	转换为false
Boolean	true	false
String	非空字符串	“”
Number	非零数字值(包括无穷大)	0和NaN
Object	任何对象	null
Undefined	n/a(不适用)	undefined

函数

函数声明

// 传统定义
function test(){

}
// 赋值函数
var t = function tt(){

}
// 匿名（括号）函数
var t2 = ()=>{
    return 1;
}

arguments

函数内部包含有arguments ，arguments 是一个类数组对象，包含着传入函数中的所有参数。虽然 arguments的主要用途是保存函数参数，但是arguments存储的参数和形式参数存储的变量空间是独立的。

function testfun(n1,n2){
    return arguments[0];
}
console.log(testfun(1,2));// 1

对象Object

常将数据和方法封装在对象之中

定义对象的方法一

var obj = new Object();
obj.n1=1;
obj.n2=2;
obj.f=()=>{
    console.log("f")
}
obj.f();

定义对象的方法二

var obj2={
    n1:1,
    n2:2,
    f:function(){
        console.log(this.n1+this.n2)
    }
}
obj2.f()

数组Array

使用方式：

var animals = new Array("dog","cat","fish");
var guys = ["小明","李华","王明"];
var narray = [];
console.log(guys[1]);//李华 从0开始
console.log(guys.length);// 3

链式语法

var store={
    data:{
        numberList:[1,2,3]
    },
    print:function(){
        console.log(this.data.numberList)
    },
    fun:function(data){
        this.data.numberList=data
    }
}
store.print();// [ 1, 2, 3 ]
store.fun([9,9,9])
store.print();// [ 9, 9, 9 ]