全栈之路-前端javascript基础知识3

Posted 2022-01-21 涂宗勋

1、js的字符串除了一些常用的获取位置、获取长度、截取、拼接外，还有个好用的函数padStart和padEnd，可以填充字符，例如：

function test1()
            let str="string";
            console.log(str.padStart(9));
            console.log(str.padStart(9,"#"))

test1();

上边代码输出结果如下：

   string
###string

第一个前边填充了3个空格，后边一个根据给定的字符进行了填充。padEnd和这个用法差不多，只是在后边填充。

2、js全局作用域中定义的变量和函数最终都会变成Global对象的属性，有些常用的内置函数，例如isNaN、isFinite、parseInt、parseFloat等，也都是Global对象的函数。除此之外还有例如encodeURI、encodeURIComponent、eval等。eval很强大，是一个完整的js解释器，标准点的说法可能是ECMAScript解释器，接收一个字符串，可以执行。例如eval("console.log('hello')")等同于console.log('hello')。

3、Math有很多方法，其中Math.max、Math.min可以直接取到一组数值你的最大或者最小值，同时还有如ceil、floor、round、random等方法辅助计算，且远不止这些。

4、js中object对象的定义，如下几种方式都可以：

function test2()
            let person=new Object();
            person.name="tzx";
            console.log(person);

            let person1=;
            person1.name="tuzongxun";
            console.log(person1);

            let person2="name":"涂宗勋";
            console.log(person2);

test2();

上边代码执行后输出如下：

name: "tzx"
name: "tuzongxun"
name: "涂宗勋"

5、js中数组定义可以是如下几种方式：

function test3()
            let arr1=[1,2,3];
            console.log(arr1);

            let arr2=new Array(4,5,6);
            console.log(arr2);

            let arr3=new Array();
            arr3[2]=7;
            console.log(arr3);

            let arr4=new Array(4);
            arr4[2]=8;
            console.log(arr4);

            let str="tzx";
            let arr5=Array.from(str);
            console.log(arr5);

            let map=new Map().set("name","tzx").set("age",30);
            let arr6=Array.from(map);
            console.log(arr6);

            let set=new Set().add(1).add(2);
            let arr7=Array.from(set);
            console.log(arr7);

test3();

输出结果如下：

(3) [1, 2, 3]
(3) [4, 5, 6]
(3) [empty × 2, 7]
(4) [empty × 2, 8, empty]
(3) ["t", "z", "x"]
(2) [Array(2), Array(2)]
(2) [1, 2]

6、js中map和set都会维护插入顺序，和java中有所区别，ES6增加了weakMap和weakSet，字符串、数组、map、set等都实现了Iterable迭代器。

相关代码地址：https://gitee.com/tuzongxun/js-study/blob/master/test1.html