BroadcastChannel跨页面通信API

BroadcastChannel可以用于同源页面之间的通信,可以用来做用户访问追踪等

演示地址(建议使用新版Chrome):https://demo.lyz810.com/broadcastChannel/

一、初始化信道

const channel = new BroadcastChannel(channelName);

其中channelName为通信信道的名称,希望通信的同源页面之间只要设置了相同的channelName就可以互相通信了

二、监听信道

channel.onmessage = ({ data }) => {
  console.log(data);
};

三、发送信息

channel.postMessage(anything);

发送的内容可以是数组、对象、字符串、数字等,但不能发送如函数、Symbol等特殊的数据

四、关闭信道

channel.close();

五、兼容性
IE系列(包括Edge):不支持
Firefox:38+
Chrome:54+
Safari:不支持

Javascript类型转换-ToString

基本转换规则:
1. Undefined -> “undefined”
2. Null -> “null”
3. Boolean -> ture(“true”), false(“false”)
4. String -> 返回原值
5. Symbol -> 抛出TypeError异常
6. Object -> 先通过toPrimitive(argument, hint String)转为原始值,然后对原始值再进行ToString转换

Number转String规则:
假设待转换的Number类型变量为m,则有如下转换步骤:
1.若m是NaN,返回“NaN”

2.若m是+0或-0,返回“0”

3.若m<0,返回字符串“-”和ToString(-m)的值

4.若m是+∞,返回“Infinity”

5.若上面4条都不符合,则执行下述算法:

5.1 设三个整数变量n、k、s,令k>=1,10^(k-1)<=s<10^k,s*10^(n-k)的值为m,且k的值尽量小,其中s不可被10整除
举个例子,若待转换的m为12345,则根据规则s=12345、k=5、n=5;m=123.45时,s=12345、k=5、n=3;m=1230时,s=123、k=3、n=4

5.2 若k<=n<=21(m此时是位数不大于21位的整数),则返回s的十进制表示形式的k个数字的字符串(无前导0),然后是n-k个“0”

5.3 若0<n<=21(由于5.2中的条件符合就已经返回结果,所以,此时可知n<k),返回s的十进制表示形式的前n位的字符串,加上“.”,然后跟着s十进制表示形式的其余k-n位数字的字符串

5.4 若-6<n<=0,返回“0.”跟着-n个“0”,然后是十进制s的k位字符串 举个例子,若m=0.002,则s=2、k=1、n=-2;结果为”0.”+2(-n)个”0″+s的1(k)位=”0.002″

6.若上面5条仍然不符合,则执行下面的步骤:

6.1 如果k=1,返回s的第一位的字符串,跟着字母“e”,然后是“+”或“-”(根据n-1的正负性决定),后面是abs(n-1)的字符串形式 举个例子,若m=0.0000001,则s=1,k=1,n=-6; 可知,1~4规则不符合,规则5.2由于k>n不符合;规则5.3由于n<0不符合;5.4由于n=-6范围不在(-6,0]之间;
此例中,k=1,所以转为字符串为”1″(s)+”e”+”-“(n-1=-7是负号)+”7″(n-1的绝对值)

7.最后,上述条件都不符合,返回由s的十进制表示形式的最高有效位数的字符串,后跟”.”,接着是s的十进制表示形式的其余k-1个数字的字符串形式,随后是”e”,随后是”+”或”-“,判断方法同6.1,最后是abs(n-1)的字符串形式

注意事项:
由于浮点数精度问题,可能由于精度的丢失导致数字类型的位数改变,最终转换的结果与预期不符
整数超过21位会变成科学计数法的方式表示,小数小于0.000001会使用科学计数法,负数会先返回“-”然后再将其余的部分转成字符串(见第3条规则),所以5~7中都是针对正数